In this task, you will be implementing this design https://www.figma.com/design/3dStIeGtv8bk58q7FtCE2T/PearAI-design?node-id=4001-2061&p=f&t=82D2El50YlYH6Sw1-0
Just to show you that I've already worked on this myself, here the video https://www.loom.com/share/807a5b96bcab40caa587b2d6c1345502 It took me 4 hours to complete. But you'll be given 8 hours (not counting the lunch break). You can use AI, Google, StackOverflow, you can also ask me, or anything that'll help you. We want to make this as closed to the experience of working on a real project as possible.
To save you time, I've already create templates with 3 of the most popular frontend frameworks. It includes the project rules and everything is already setup for you so that you can alread start coding. If you rather not use one of them, you're free to setup your own project from scratch.
-
React Router https://github.com/thetaungg/react-router-template
Use CSS only. Or the libraries that allows you to write CSS (eg. SCSS, CSS-in-JS libraries such as Emotion.js, Styled Components, etc). No utility class libraries such as Tailwind or Bootstrap. We want to see your CSS still.
Other than that, you're free to use any libraries or frameworks.
- Code Readiability, Project Structure, and Good practices (1 - 10)
- Styling (1 - 10)
- Javascript (or Typescript) (1 - 10)
- Mobile Responsiveness (1 - 10)
- Features Completeness (if all the features in the design were implemented or not) (1 - 10)
Bonus points(Optional): SEO, Deployment, Animations
We will calculate average on all the 5 points and if you got 7 points or more. You will pass this test.