Challenge: Create a quote generator app. Use Front-end libraries like React or Vue. Don’t look at the existing solution. Fulfill user stories below:
- User story: I can see a random quote
- User story: I generate a new random quote
- User story: When I select quote author, I can see a list of quotes from them
- User story: I can see quote genre under the author
- Astro
- React
- TypeScript
- Sass
- BEM
- zod
- @hrc/button
- @hrc/material-icons
- @hrc/spinner
- @hrc/toggle-theme
- fontsource
- @material-design-icons/font
- FavQs API
- Dark mode
- Handling errors and custom error messages
- Custom loader
- Create a random quote generator app
- Retrieve data from an API, handling errors with Zod and custom utils
- Simplify data handling with custom hooks
To clone and run this application, you'll need Git, Node.js and pnpm installed on your computer. From your command line:
# Clone this repository
git clone https://github.com/Hdoc1509/dev-challenges
# install all workspace dependencies
cd dev-challenges && pnpm install
# Run random-quote-generator in dev-mode
cd legacy/random-quote-generator
pnpm run dev