Daily Nasa 🚀

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

Live version

This project has been deployed with Vercel and you can check it out here.

Tooling

• Vite
• React
• TypeScript
• Sass

Running locally

• Clone the repo
• Execute npm i
• Then npm run dev
• Open http://localhost:1958

Develoment process

⏱️ Done in 5 hours.

1. Bootstrap the project with npm create vite@latest daily-nasa --template react-ts.
2. Set up folders structure and tsconfig.
3. Build the UI w/ Sass.
4. Add aliases for imports.
5. Create the ApiProvider to facilitate data manipulation.
6. Did a quick test to check if the formatDate() helper function return what I need.

Potential improvements

• 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.