An open API service indexing awesome lists of open source software.

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.

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**

![image](https://github.com/user-attachments/assets/5313e615-9da8-424b-8c60-f487ca49d8a1)