In order to practice some React.js concepts, we built a simple budget-tracker web app as a practice project during Ignite course.
Concepts and tools:
- Type annotation with Typescript
- React components
- React hooks (useState, useEffect, useContext) and context API
- Styled Components
- Fake API with Mirage.js
- Consuming fake API with Axios
Implemented features:
- Adding new transactions via modal component
- Consuming and saving data to a fake API
- Calculating and displaying data summary based on created transactions
- Listing transactions
- This project is purely a practical exercise intended for developing and/or showcasing my skills in the tools/techniques/concepts mentioned above. It's not meant to be a complete production-ready solution. Feel free to reach out if you have any questions or simply want to chat about it!
- This exercise was built following the lessons from Rocketseat's Ignite ReactJS program. It may or may not have been adapted/redesigned by me.