This is a simple quote generator web application built using React. It displays random quotes with their respective authors to inspire and motivate users. This project serves as a great introduction to React components, state management, and event handling.
Before you begin, ensure you have the following installed on your system:
- Node.js and npm (Node Package Manager)
-
Clone this repository or download the ZIP file.
git clone https://github.com/your-username/quote-generator.git
-
Change into the project directory.
cd quote-generator
-
Install project dependencies.
npm install
-
Start the development server.
npm start
Your Quote Generator app will be available at http://localhost:3000 in your web browser.
Once you've started the development server, you can use the app to generate random quotes. Click the "Generate Random Quote" button to display a new inspiring quote along with its author.
The project structure is organized as follows:
quote-generator/
├── src/
│ ├── components/
│ │ ├── Quote.js
│ ├── App.js
│ ├── index.js
└── package.json
src/components/Quote.js
: React component responsible for displaying quotes.src/App.js
: Main application component handling the quote generation and rendering.src/index.js
: Entry point of the application.package.json
: Configuration and dependencies.
- Displays random quotes with their respective authors.
- Generates new random quotes with the click of a button.
Contributions are welcome! If you want to improve this project, submit a pull request, and we'll review it. Feel free to open issues for bug reports or feature requests.
This project is licensed under the MIT License - see the LICENSE file for details.