TypeScript and Webpack expert
Budget: $250 – $750 USD
Create a small page that loads list projects from our gallery page and previews them.
1. Create page that shows list of projects, the page should:
1.1. Manually select list of projects from https://planner5d.com/gallery/floorplans
1.2. Show list of selected projects, in format: [hash], [title]
1.3. Pressing on list item should open project preview page
2. Create a project preview page, that should:
2.1. Download (using AJAX) project JSON (it is part of your task to find out how to load project JSON)
2.2. Show project title
2.3. Show project preview (using Canvas 2D) on which you should draw project room polygons from first floor
2.4. Show project statistics:
2.4.1. Amount of floors in project
2.4.2. Amount of rooms in project
2.4.3. Amount of other items in project
Requirements
Use TypeScript, SCSS, XHTML5+
You can use utility TypeScript framework like jQuery and Webpack
Do not use architectural TypeScript framework (like Vue.js, React) or web-servers
At least 1 unit-test
Provide task result as a git repository packaged in a gitbundle and do not post it on public code sharing services (github, bitbucket, ...)
We expect to be able to run your code without fuss - so if there are any specifics that are needed to get your code running, please commit them to git repository if possible
What we will look at
Clarity, consistency, maintainability and testability of code
Knowledge of the web standards and best practices
What we don't want to see
Over engineering your code
Fancy UI / UX
1. Create page that shows list of projects, the page should:
1.1. Manually select list of projects from https://planner5d.com/gallery/floorplans
1.2. Show list of selected projects, in format: [hash], [title]
1.3. Pressing on list item should open project preview page
2. Create a project preview page, that should:
2.1. Download (using AJAX) project JSON (it is part of your task to find out how to load project JSON)
2.2. Show project title
2.3. Show project preview (using Canvas 2D) on which you should draw project room polygons from first floor
2.4. Show project statistics:
2.4.1. Amount of floors in project
2.4.2. Amount of rooms in project
2.4.3. Amount of other items in project
Requirements
Use TypeScript, SCSS, XHTML5+
You can use utility TypeScript framework like jQuery and Webpack
Do not use architectural TypeScript framework (like Vue.js, React) or web-servers
At least 1 unit-test
Provide task result as a git repository packaged in a gitbundle and do not post it on public code sharing services (github, bitbucket, ...)
We expect to be able to run your code without fuss - so if there are any specifics that are needed to get your code running, please commit them to git repository if possible
What we will look at
Clarity, consistency, maintainability and testability of code
Knowledge of the web standards and best practices
What we don't want to see
Over engineering your code
Fancy UI / UX