https://github.com/hossambasuone/quotesite
QuoteSite is a lightweight web app that generates random quotes from a predefined set of 10. Users can click a button to get a new quote instantly. Designed with HTML, CSS, and JavaScript for simplicity and speed.
https://github.com/hossambasuone/quotesite
css googlefonts htm js
Last synced: 10 months ago
JSON representation
QuoteSite is a lightweight web app that generates random quotes from a predefined set of 10. Users can click a button to get a new quote instantly. Designed with HTML, CSS, and JavaScript for simplicity and speed.
- Host: GitHub
- URL: https://github.com/hossambasuone/quotesite
- Owner: HossamBasuone
- Created: 2024-11-22T08:31:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T01:34:41.000Z (over 1 year ago)
- Last Synced: 2025-02-28T23:47:21.601Z (over 1 year ago)
- Topics: css, googlefonts, htm, js
- Language: JavaScript
- Homepage: https://hossambasuone.github.io/QuoteSite/
- Size: 685 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Hereβs a **README** file for your **QuoteSite** project:
---
# π QuoteSite
## π Project Overview
**QuoteSite** is a simple web application that displays a random quote when the user clicks a button. It features a collection of 10 predefined quotes that are randomly selected and displayed on the screen.
## π Features
- π² Display a random quote from a set of 10 quotes
- π±οΈ Button to fetch a new quote
- π¨ Simple and clean user interface
- β‘ Fast and lightweight
## π Technologies Used
- **HTML** - Structure of the webpage
- **CSS** - Styling and layout
- **JavaScript** - Handles random quote generation
## π Project Structure
```
QuoteSite/
βββ index.html # Main webpage
βββ style.css # Styling file
βββ script.js # JavaScript logic for random quotes
```
## π₯ How to Run Locally
1. **Clone the repository**
```bash
git clone https://github.com/HossamBasuone/QuoteSite.git
```
2. **Navigate to the project folder**
```bash
cd QuoteSite
```
3. **Open `index.html` in your browser**
