MONKHAUS

A Minrey Peng's Portfolio

Back To Showcase

DailyQuote

A React, Styled-components Project

DailyQuote-hero-image

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.

Stack
  • Adobe XD
  • React
  • Styled-components
  • Local Storage
  • Vercel
DailyQuote-gallery-0
DailyQuote-gallery-1
DailyQuote-gallery-2
DailyQuote-gallery-3
All Works In the Category
DailyQuote
DailyQuote
Portfolio 2023
Portfolio 2023
Back To Showcase