https://github.com/bola-nabil/random-quote-machine
Random Quote Machine App
https://github.com/bola-nabil/random-quote-machine
api css freecodecamp freecodecamp-project frontend frontend-web javascript json react responsive-design
Last synced: 3 months ago
JSON representation
Random Quote Machine App
- Host: GitHub
- URL: https://github.com/bola-nabil/random-quote-machine
- Owner: bola-nabil
- Created: 2025-01-16T13:08:12.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-28T13:10:08.000Z (over 1 year ago)
- Last Synced: 2025-01-28T14:23:20.034Z (over 1 year ago)
- Topics: api, css, freecodecamp, freecodecamp-project, frontend, frontend-web, javascript, json, react, responsive-design
- Language: JavaScript
- Homepage: https://bola-nabil.github.io/random-quote-machine/
- Size: 1.11 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Quote Machine [Live Demo](https://bola-nabil.github.io/random-quote-machine/)
## 📖 Description
This is a **Random Quote Machine** application built with React that displays quotes fetched dynamically. Users can click a button (or use keyboard) to get a **new random quote**, and optionally tweet the current quote.
The project demonstrates working with Json local data event handling, state / UI updates, and integrating social share via Twitter.
---
## 📸 Preview
---
## ✨ Features
- Fetch and display a **random quote** and its author
- Generate a new quote on button click
- **Tweet** the current quote via Twitter share button
- Responsive UI for desktop and mobile
- Smooth transitions / animations
---
## 🛠️ Tech Stack
- **React**
- **HTML5** – page structure
- *CSS** – styling and responsive layout
- **Json** - to feching local data
---
## 🚀 Getting Started
1. Clone the repo:
```
git clone https://github.com/bola-nabil/random-quote-machine.git
```
2. Install dependencies
```
npm install
```
3. Run the app:
```
npm start
```
---
## ✍️ Author
**Bola Nabil**