Skip to content

A application that selectively provides inspirational, humorous, or thought-provoking quotes for users.

Notifications You must be signed in to change notification settings

JanelAMonroe/quotegenerator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quote Generator

A simple web-based quote generator that displays random inspirational quotes. Users can generate new quotes and share them on Twitter.

Features

Displays random quotes from an external API and a local dataset.

Allows users to generate new quotes.

Provides a Twitter share button.

Stylish and responsive design.

Technologies Used

HTML

CSS

JavaScript

Setup Instructions

Clone the repository

git clone

Navigate to the project directory

cd quote-generator

Open index.html in a browser to run the application

File Structure

index.html - The main HTML file containing the structure of the application.

style.css - The CSS file for styling the application.

quotes.js - A JavaScript file containing a local dataset of quotes.

script.js - The main JavaScript file that fetches and displays quotes.

How It Works

On load, the script fetches quotes from an external API.

A random quote is displayed in the quote container.

Clicking the "New Quote" button generates a new random quote.

Clicking the Twitter button opens Twitter with the quote ready to be shared.

Screenshots

Main Interface

3AC2E223-ED1D-47F3-B13C-4E8B5F3CE3CC

New Quote Button

DC358DC4-4C03-4349-BF20-BC9FC52B2E50_4_5005_c

Tweet Quote Feature

4E11A143-3361-40C0-B24D-F84B9EDC6B12_4_5005_c

Customization

You can modify quotes.js to add more local quotes.

Adjust style.css to change the appearance.

Modify script.js to integrate additional features.

About

A application that selectively provides inspirational, humorous, or thought-provoking quotes for users.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published