https://github.com/malanski/quote-gen
A typescript React Vite random quote generator
https://github.com/malanski/quote-gen
css react typescript vite
Last synced: 3 months ago
JSON representation
A typescript React Vite random quote generator
- Host: GitHub
- URL: https://github.com/malanski/quote-gen
- Owner: malanski
- Created: 2023-07-09T02:32:53.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-09T02:35:55.000Z (almost 3 years ago)
- Last Synced: 2025-01-12T23:29:52.523Z (over 1 year ago)
- Topics: css, react, typescript, vite
- Language: CSS
- Homepage: https://quote-gen-red.vercel.app
- Size: 68.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Quote Generator
This is a React application that generates random quotes. Each time you click the "New quote" button, a new quote will be displayed along with the author. You can also share the quotes on Twitter or Tumblr using the provided buttons.
## Installation
1. Clone the repository or download the code files.
2. Navigate to the project directory.
3. Install the dependencies by running the following command:
```shell
npm install
```
4. Start the development server with the following command:
```shell
npm start
```
5. Open your web browser and visit `http://localhost:3000` to see the application.
## Usage
- Click the "New quote" button to generate a random quote.
- The quote and author will be displayed in the application.
- Use the Twitter and Tumblr buttons to share the quote on social media.
## Technologies Used
- React: A JavaScript library for building user interfaces.
- JQuery: A fast, small, and feature-rich JavaScript library.
- Fetch API: A modern JavaScript API for making HTTP requests.
## Credits
- This project was developed by [Malanski](https://codepen.io/malanski/).
- The random quotes used in this application are sourced from [camperbot](https://gist.githubusercontent.com/camperbot/5a022b72e96c4c9585c32bf6a75f62d9/raw/e3c6895ce42069f0ee7e991229064f167fe8ccdc/quotes.json).
## License
This project is licensed under the [MIT License](LICENSE).
Feel free to modify the content of the README file according to your needs.