Skip to content

The Quote Generator App, built with React, fetches and displays random quotes from the Type.fit API. Users can effortlessly receive fresh inspiration by clicking the "New Quote" button, revealing a different randomly selected quote and its author.

Notifications You must be signed in to change notification settings

Chaitanya-Gautam/Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quote Generator App 📜

This is a simple React-based web application that generates random quotes. The app fetches a collection of quotes from the Quotes_API and displays a random quote along with its author. Users can click the "New Quote" button to get a new random quote.

Features 🌟

  • Random Quotes: The app fetches quotes from the Type.fit API and displays a randomly selected quote on load.

Technologies Used 💻

  • React: The app is built using the React library for building user interfaces.
  • useState Hook: Used to manage state variables for quotes and the current displayed quote.
  • useEffect Hook: Utilized for fetching data (quotes) when the component mounts.
  • CSS: Styling is applied using an external CSS file (styles.css).

Getting Started 🚀

To run the app locally, follow these steps:

  1. Clone this repository to your local machine.

    git clone https://github.com/Chaitanya-Gautam/Quote-Generator
  2. Navigate to the project directory.

    cd quote-generator
  3. Install dependencies.

    npm install
  4. Start the development server.

    npm start
  5. Open your browser and go to http://localhost:3000 to view the app.

Demo 🎥

Demo


Happy Coding!😊

About

The Quote Generator App, built with React, fetches and displays random quotes from the Type.fit API. Users can effortlessly receive fresh inspiration by clicking the "New Quote" button, revealing a different randomly selected quote and its author.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published