You are tasked with replicating a mockup that we provide.
The mockup is a simple slide-in side navigation menu, with some settings content. You must recreate this mockup in React without the use of a navigation library. Toggle buttons should trigger state updates, dropdowns should have at least 2 options (make them up).
- Use React.js
- Recreate mockup
- Use good practices and ensure the design can be scaled and reused if needed.
- Develop with accessibility in mind.
- Don't spend more than 4 hours on this.
- Feel free to use a state management library if inclined.
- Animation libraries can be handy for this.
- Be creative with interactivity (animations, etc will be scored)
- Prefer custom styling (no use of a css library/framework)
- UI Tests will add bonus points (not required)
- Use git to track your work
- Bonus points for using modern react APIs.
- Bonus points if implementation is responsive, allowing for a good experience on mobile
- If you have the time feel free to actually implement the Navigation Themes. This will take some extra work, so don't focus on this, only if you get bored :)
When ready for submission, upload to github or gitlab and send me the link.
If you have any questions please email me at jake@getlinus.io