Planètes-et-astéroïdes is a web app powered by the The solar system API that displays metrics relative to the planets, satellites, and asteroids that constitute our solar system. In addition to the ability to navigate between the different celestial bodies, it also offers a powerful search by name functionality. It is made as capstone project of the React&Redux module.
- TailwindCss
- React
- Redux
- Redux-thunk
- React-router
- Redux-logger (tooling)
- React testing library (unit testing)
- The solar system API
- Milestone 1: React app setup with redux using the duck pattern
- Milestone 2: Set up the app navigation using react-router
- Milestone 3: Create an API layer using the Solar System API
- Milestone 4: Create the Redux store including the action creators and the reducers
- Milestone 5: Integrate the redux store into the app and display the data in the Home route
- Milestone 6: Implement Details route functionalities
- Milestone 7: Implement Search route and functionality
- Milestone 8: Create the About route
- Milestone 9: Finalize the styling
- Milestone 10: Implement additional tests
Prerequisites: A Web Browser (preferably FireFox or Chrome)
- Clone the GitHub Repository
- Go to the Project folder
cd planetes-et-asteroides
- Run
npm install
to install the dependencies - Run
npm start
to run the live server.
- Stop the server if it's already running
CTRL
+C
- Run
npm test
run the tests
👤 Soufiane Boursen
- GitHub: @Sboursen
- Twitter: @sboursen_dev
- LinkedIn: @sboursen
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Solar System API
- Original Design by Nelson Sakwa
- NoMatch GIF from GIFFY.
This project is MIT licensed.