When you learn something, create a note and tag it. Later, filter your notes by tags to see what you have learned
Disclaimer: This project could have been built using many fewer dependecies, but I wanted to learn the libraries I used here since they are very widely used and improve developer experience
Stack:
- In-memory JWT authentication
- Material UI components
- Styling using Emotion
- Data fetching with React Query (initially the project was built using regular useState and useEffect, decided to try out React Query and kept it)
- Form management with Formik
- Rich text with TipTap
- Reusable dialogs (Context API)
- Reusable snackbars (Context API)
- Craco to override default CRA configuration of Babel and Jest
- GitHub actions deployment to an nginx server
- Intergration testing with Puppeteer