The Random Quote Machine is a simple web application that displays random quotes and allows users to tweet their favorite quotes.
- Display a random quote from the Quotable API.
- Click the "New Quote" button to fetch and display a new random quote.
- Click the "Tweet Quote" button to share the displayed quote on Twitter.
Follow these instructions to get the project up and running on your local machine.
- Node.js and npm (Node Package Manager) installed on your computer. You can download them from nodejs.org.
-
Clone the repository to your local machine:
git clone https://github.com/your-username/random-quote-machine.git
-
Navigate to the project directory:
cd random-quote-machine
-
Install project dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and visit http://localhost:3000 to view the Random Quote Machine.
-
Click the "New Quote" button to fetch and display a new random quote.
-
Click the "Tweet Quote" button to share the displayed quote on Twitter.
- React - JavaScript library for building user interfaces.
- Redux - Redux is used to manage the application's state. The state includes the currently displayed quote, which can be updated when the "New Quote" button is clicked.
- Material-UI - React UI framework for designing responsive web applications.
- react-tsparticles - React component for particle animations.
- axios - Promise-based HTTP client for making API requests.
- Quotable API - API for random quotes.