https://github.com/selvin-paul-raj/quote-generator-react-app
A React app that fetches and displays random inspirational quotes from the quotable.io API. Click "New Quote" for daily inspiration.
https://github.com/selvin-paul-raj/quote-generator-react-app
api babel babel-plugin quote-api quote-generator react reactjs
Last synced: 2 months ago
JSON representation
A React app that fetches and displays random inspirational quotes from the quotable.io API. Click "New Quote" for daily inspiration.
- Host: GitHub
- URL: https://github.com/selvin-paul-raj/quote-generator-react-app
- Owner: selvin-paul-raj
- Created: 2023-09-03T15:35:49.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-04T05:50:30.000Z (almost 3 years ago)
- Last Synced: 2025-04-03T21:18:16.587Z (about 1 year ago)
- Topics: api, babel, babel-plugin, quote-api, quote-generator, react, reactjs
- Language: CSS
- Homepage: https://quote-generator-react-app.vercel.app
- Size: 42 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Quote Generator
A simple and elegant web application that displays random inspirational quotes. Built with React and Vite, this project serves as a clean, functional example of a modern front-end application that interacts with an external API.
## 🚀 Features
- **Random Quotes**: Get a new random quote with the click of a button.
- **Author Display**: Each quote is attributed to its author.
- **Clean UI**: A minimalist and responsive design that focuses on the content.
- **Fast and Lightweight**: Built with Vite for a super-fast development experience and optimized builds.
## 📸 Screenshot
*A screenshot of the application will be added here soon.*
## 🛠️ Installation
To get a local copy up and running, please follow these simple steps.
### Prerequisites
You need to have Node.js and npm installed on your machine. You can download them from [here](https://nodejs.org/).
### Setup
1. **Clone the repo:**
```sh
git clone https://github.com/your_username/quotesapi.git
```
2. **Navigate to the project directory:**
```sh
cd quotesapi
```
3. **Install NPM packages:**
```sh
npm install
```
## 🏃 Usage
To run the application in development mode, use the following command:
```sh
npm run dev
```
This will start the development server, and you can view the application by navigating to `http://localhost:5173` (the port may vary).
To create a production build of the app, run:
```sh
npm run build
```
This will create a `dist` folder with the optimized and minified files for deployment.
## ✍️ Author
This project was created by **SPRHackz**. You can find more of their work on their [GitHub Profile](https://github.com/SPRHackz).
## 🤝 Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. **Fork the Project**
2. **Create your Feature Branch** (`git checkout -b feature/AmazingFeature`)
3. **Commit your Changes** (`git commit -m 'Add some AmazingFeature'`)
4. **Push to the Branch** (`git push origin feature/AmazingFeature`)
5. **Open a Pull Request**
## 📜 License
Distributed under the MIT License. See `LICENSE` for more information.