Skip to content

Mohit138928/React-Random-Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Quote Generator

A simple React-based Random Quote Generator where you see a new random quote when you click "New Quote".

Description

The Random Quote Generator project provides a minimalist interface to display random quotes. Clicking "New Quote" fetches a new quote from a predefined JSON file and updates the display.

This is the First Project of the Freecodecamp Front End Development Libraries.

Installation

Follow these steps to install and run the project:

  1. Clone the repository:
    git clone https://github.com/Mohit138928/React-Random-Quote-Generator.git
  2. Navigate to the project directory:
    cd random-quote-generator
  3. Install the dependencies:
    npm install
  4. Update Quotes.js:
    • Add the following URL in the Quotes.js file at line number 10:
      const quotesUrl =
        "https://gist.githubusercontent.com/camperbot/5a022b72e96c4c9585c32bf6a75f62d9/raw/e3c6895ce42069f0ee7e991229064f167fe8ccdc/quotes.json";
  5. Install React Icons:
    npm install react-icons --save
  6. Run the project:
    npm run start

Usage

  1. View Random Quotes:
    • Click "New Quote" to fetch and display a new random quote.

Preview of the Project

Preview-1

Contributing

Feel free to contribute to this project. Any improvements or suggestions are welcome!

License

This project is open-source and available under the MIT License.

Contact Information

If you have any questions or need further information, feel free to contact me at Mohit Maurya.

Releases

No releases published

Packages

No packages published