Click to read the assignment
Expectations :
- Create an app that use the APOD NASA Api => NASA API,
- Show the daily image with his title and description,
- Use a date picker library to show linked content to the picked date
This project has been deployed with Vercel and you can check it out here.
- Clone the repo
- Execute
npm i
- Then
npm run dev
- Open http://localhost:1958
โฑ๏ธ Done in 5 hours.
- Bootstrap the project with
npm create vite@latest daily-nasa --template react-ts
. - Set up folders structure and tsconfig.
- Build the UI w/ Sass.
- Add aliases for imports.
- Create the ApiProvider to facilitate data manipulation.
- Did a quick test to check if the
formatDate()
helper function return what I need.
- I didn't have time to do a better UI so some part of the design could be improved.
- Improve loading effect until data has arrived.
- Add an error management system.
- Add an auto translator system using the Google API.