A cute Sailor Moon random quote machine to add some love and moon power to your life!
- Next JS
- SASS
- CSS modules
npm i
npm run start- store the quotes in a database (it would be fun to make this an api!)
- improve the responsiveness
- improve the loading state
- Find a new technology to learn and experiment with it on that project :)
This project was my first web app created from scratch using React. The first version of the code was little bit embarrassing to read (but hey, we've got to start somewhere...), so I decided to refactor the code a little bit. Since this project is very simple, I decided to use it as a playground to familiarize myself with new technologies I want to try. From a React class-based components project, I converted the whole project to Next JS (and functional components!). One cool thing I learned is how to use the classnames utility to add multiple classnames with CSS modules in React!
 |
|---|
| Marina Kinalone Simonnet |
MIT © Marina Kinalone Simonnet