Skip to content

This is a web app that displays random quotes and allows users to fetch new quotes, display the author, and tweet the current quote. It was built as a part of the FreeCodeCamp Front End Libraries Projects.

Notifications You must be signed in to change notification settings

Vkube/Random_Quote_Machine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Quote Machine

This is a web app that displays random quotes and allows users to fetch new quotes, display the author, and tweet the current quote. It was built as a part of the FreeCodeCamp Front End Libraries Projects.

Random Quote Machine Screenshot

Features

  • Display a random quote on page load
  • Fetch a new quote and display it when the "New Quote" button is clicked
  • Display the author of the quote
  • Tweet the current quote by clicking on the "Tweet Quote" button

Demo

You can see a live demo of the app here.

Technologies Used

  • React: JavaScript library for building the user interface
  • Axios: JavaScript library for making HTTP requests
  • Bootstrap: CSS framework for styling

Installation

  1. Clone the repository:

    git clone https://github.com/Vkube/Random_Quote_Machine.git
  2. Navigate to the project directory:

    cd random-quote-machine
  3. Install the dependencies:

    npm install

Start the development server:

npm start

Open your browser and visit http://localhost:3000 to see the app.

Usage

Click the "New Quote" button to fetch a new random quote.
The quote text will be displayed in the main section of the page.
The author of the quote will be displayed below the quote text.
Click the "Tweet Quote" button to tweet the current quote.

Acknowledgments

The random quotes are fetched from the Quotable API.

License

This project is licensed under the MIT License.

About

This is a web app that displays random quotes and allows users to fetch new quotes, display the author, and tweet the current quote. It was built as a part of the FreeCodeCamp Front End Libraries Projects.

Resources

Stars

Watchers

Forks