Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gameonn/sleepy-quotes
Quotes builder - Come! Explore the quotes world!
https://github.com/gameonn/sleepy-quotes
firebase hooks javascript quotes-application quotes-generator reactjs
Last synced: 1 day ago
JSON representation
Quotes builder - Come! Explore the quotes world!
- Host: GitHub
- URL: https://github.com/gameonn/sleepy-quotes
- Owner: Gameonn
- Created: 2021-11-20T14:28:15.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-09-07T16:40:07.000Z (about 1 year ago)
- Last Synced: 2023-09-07T19:01:42.771Z (about 1 year ago)
- Topics: firebase, hooks, javascript, quotes-application, quotes-generator, reactjs
- Language: JavaScript
- Homepage:
- Size: 972 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Sleepy Quotes - Come! Explore the quotes world!
## Table of Contents
- [Overview](#overview)
- [Demo](#demo)
- [Preview](#preview)
- [Challenge](#challenge)
- [Built With](#built-with)
- [Features](#features)
- [Browser Support](#browser-support)
- [How to use](#how-to-use)
## Overview
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.
## Demo
Sleepy Quotes
## Preview
## Challenge
- 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
## Built With
- React
- Context API
- Local Storage
- Lazy loading using Suspense
- Firebase for saving quotes
- Custom hooks
- Component-Scoped Styles with CSS Modules
## Features
- 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)
## Browser Support
At present, we officially aim to support the last two versions of the following browsers:
* Chrome
* Edge
* Firefox
* Safari
## How To Use
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
$ git clone https://github.com/Gameonn/Sleepy-Quotes.git
# Install node dependencies
$ npm install
# Run the app
$ npm start
```