Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alidantech/random-quote-machine
A random quote machine that displays random quotes. The user can tweet the quote by pressing the tweet button.
https://github.com/alidantech/random-quote-machine
bootstrap font-awesome freecodecamp-challenge front-end-development js reactjs
Last synced: about 1 month ago
JSON representation
A random quote machine that displays random quotes. The user can tweet the quote by pressing the tweet button.
- Host: GitHub
- URL: https://github.com/alidantech/random-quote-machine
- Owner: Alidantech
- Created: 2022-12-23T19:51:05.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-22T14:10:40.000Z (over 1 year ago)
- Last Synced: 2024-03-17T05:13:35.944Z (10 months ago)
- Topics: bootstrap, font-awesome, freecodecamp-challenge, front-end-development, js, reactjs
- Language: JavaScript
- Homepage: https://random-quote-machine-by-peter.netlify.app/
- Size: 13.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random-Quote-Machine
A Random Quote Machine is a web application that displays random quotes to users when they visit the page or click a button. This repository contains the source code and necessary files to set up and run a random quote machine.
## Features
- Generates and displays random quotes.
- Allows users to request a new random quote.
- Provides a simple and intuitive user interface.
- Enable the user to tweet the Quote.## Technologies Used
- React
- JavaScript
- Bootstrap
- CSS## Setup Instructions
1. Clone the repository:
```bash
git clone https://github.com/Alidante254/Random-Quote-Machine/.git
```2. Navigate to the project directory:
```bash
cd random-quote-machine
```3. Install the modules.
```bash
npm install
```4. Run the Development server.
```bash
npm start
```
## Usage
When the page loads, a random quote is displayed.
To request a new random quote, click the "New Quote" button.
Contributing
Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.## License
This project is licensed under the MIT License.## Acknowledgments
This project was inspired by the Random Quote Machine challenge on freeCodeCamp.## Screenshots
![Screenshot 1](random-quote-machine/public/screenshots/Screenshot1.png)![Screenshot 2](random-quote-machine/public/screenshots/Screenshot2.png)