Sleepy Quotes is the web's simplistic, user-friendly quotation site. Enjoy a different quote every day using our Generate Quote feature. Send our inspirational quotes with your family and friends. Check out our collection of inspirational and popular quotes by great authors you know and love.
- Create a quote generator app. Use Front-end libraries Reactjs.
- Fulfill user stories below:
- User story: I can see a random quote
- User story: I generate a new random quote
- User story: Use Lazy loading
- 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
- User story: I can see quote genre based on genre
- React
- Context API
- Local Storage
- Lazy loading using Suspense
- Firebase for saving quotes
- Custom hooks
- Component-Scoped Styles with CSS Modules
- View existing quotes
- Generate random quotes just with a single tap.
- Check quotes based on author
- Check quotes based on genre
- Register/Login account
- Add new quotes (only registered users)
- Add comments to existing quotes (only registered users)
At present, we officially aim to support the last two versions of the following browsers:
- Chrome
- Edge
- Firefox
- Safari
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/Gameonn/Sleepy-Quotes.git
# Install node dependencies
$ npm install
# Run the app
$ npm start