DailyQuote
A React, Styled-components Project
Daily Quote is an app that generates random quotes for your daily inspiration. You can shuffle, save and share the quotes you like on social media, you can also change a category if you want to. The theme colour changes every time after you changed a category of quotes.
Lesson Learned
Coding CSS in JS app was really an eye-opening experience for me.
I’m getting familiar with React hooks, Router and Context API, especially the last one. it makes work so much easier since we can create one single file to store all the states and logic, then distribute them to whichever component you want, preventing us from prop-drilling. Doing so, we benefited from its simplicity in regard to code optimization and maintenance.
I've also learned that basic work like file structuring and naming is equally important in regard to the efficiency of collaboration, and that needs to be properly and thoughtfully planned out from the get-go.
Quick Links
Stack
- Adobe XD
- React
- Styled-components
- Local Storage
- Vercel