To create a user onboarding flow based on this mockup The deliverables
- A hosted page which demonstrates the onboarding screen with all the necessary interactions based on the mockup. You can use ngrok, netlify, heroku, etc. Note - You don’t have to make the dribble website, you have to make the onboarding UI which is shown in the mockup images
- Code hosted on github or bitbucket. You must use ReactJS to make the project.
- Please send both the above links in the chat on Cutshort itself. Criteria the assignment will be evaluated on
- How accurate your UI is to the design in the given mockup
- Whether your code is extensible / scalable
- How readable your code is (code quality)
- How you organize your codebase
- How well your UI works across devices Things to keep in mind
- You can take upto 3 days to complete the assignment. If you need more time, please let me know in the chat itself.
- You can use “Inter” as the choice of font for this assignment
- To use the same icons as given in the mockup, you can take a screenshot of the mockup and snip out the icons and then use them in your code.
- If you have any questions or doubts around the assignment, you can always ask on the conversation thread on Cushort.
- There is no need for any server side implementations. All variables / states can be kept static on the frontend itself.
- You can use any CSS framework / packages / modules you want as long as your UI is the same as the mockup shared.