This test aims to test the candidate's knowledge regarding the technologies used by the Cuponeria Frontend Developer Team.
Clone this repository. Create a new branch with your name. Checkout to the branch of your name. Commit your workflow, you can check this article. After you're done, push to the origin and send a pull request of the branch with your name.
- You have to use React Js as your framework.
- The Product Cards, Featured Cards and Menu Itens must be Reusable Components.
- You have to use Grid Layout for the structure of the pages.
- You have to use Flexbox for the Components.
- All content needs to be consumed through the Fake Store API.
- The app must be responsive for Web and Mobile but have to look good on all breakpoints like mobile, tablets, laptops, desktops widescreen and desktops ultrawidescreen.
- Can we see your UI/UX skills? Surprise us with your best, you can change the layout theme schema the way you want, and please, add microinterations but without using external libs.
- Don't repeat yourself. Elements that are logically related must be changed predictably and uniformly and must be sync.
- Use Next Js as your framework.
- The home page must be a Static Page.
- The details page must be a Server Side Rendered Page.
- Use Styled Components to style your components.
- Use context api to set a color scheme theme on your app.
- Use Typescript