https://github.com/khushikumarigupta14/quote-generator-hcj
https://github.com/khushikumarigupta14/quote-generator-hcj
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/khushikumarigupta14/quote-generator-hcj
- Owner: khushikumarigupta14
- Created: 2025-02-11T11:35:23.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-02-13T09:55:40.000Z (3 months ago)
- Last Synced: 2025-03-17T15:44:50.837Z (2 months ago)
- Language: JavaScript
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📜 Quote Generator
### A simple Quote Generator that displays random inspirational quotes with a click of a button.
## 🚀 Live Demo
🔗 [Try it Here](https://quotegenerator-khushicode.netlify.app/)
## 🛠Technologies Used
- HTML – Structure of the webpage
- CSS – Styling and layout
- JavaScript – Fetches and displays random quotes
## 📂 Project Structure
- ├── index.html `# Main HTML file `
- ├── style.css `# Styling file`
- ├── script.js ` # JavaScript functionality `
- └── README.md `# Project documentation `
## 📥 Installation
Follow these steps to run the project locally:
- Clone the repository:
git clone https://github.com/yourusername/quote-generator.git](https://github.com/KhushiCode14/quote-generator-hcj)
- Navigate to the project folder:
cd quote-generator
- Open index.html in your browser
## 🎨 How to Use
- Click the "Generate Quote" button to generate a random quote.
- The quote will appear along with the author's name.
📸 Website Preview
(Insert an image of your project preview here)
## 💡 Features
- ✅ Fetches random quotes dynamically
- ✅ Minimal and elegant UI
- ✅ Twitter share button for quick sharing
- ✅ Responsive design for all devices