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.
- 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
You can see a live demo of the app here.
- React: JavaScript library for building the user interface
- Axios: JavaScript library for making HTTP requests
- Bootstrap: CSS framework for styling
-
Clone the repository:
git clone https://github.com/Vkube/Random_Quote_Machine.git
-
Navigate to the project directory:
cd random-quote-machine
-
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.