The design for this assignment can be found at https://xd.adobe.com/view/241f5c28-d102-4500-a580-f5d5d093beb9-714c/. The goal is to rebuild the design as completely as possible within the given time frame. Take a moment to study it and come back to follow the next steps.
Install all packages:
npm install
Then, run the development server:
npm start
Open http://localhost:3000 with your browser to see the result.
The required data for this assignment can be found by fetching the /api/news endpoint.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
- You have a maximum of 2.5 hours to complete the tasks at hand.
- You just have to make the page for a mobile viewport, desktop version is not required.
- The repo already has a set of Scss variables. Try to use them as much as possible.
- Try to breathe every once in a while, you can do it! 🥹