Skip to content

saifiimuhammad/Random-Qoute-Generator-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Quote Generator App

This is a simple web application that generates random quotes fetched from the Quotable API. It is built using HTML, CSS, and JavaScript, and it's designed to be responsive, so it can adapt to various screen sizes.

Features

  • Random Quote Generation: When you click on the "New Quote" button, the app will fetch a new random quote from the Quotable API and display it on the screen.

  • Tweet Quote: You can easily share the generated quote on Twitter by clicking the "Tweet Quote" button. This will open a new Twitter window with the quote pre-filled for you to tweet.

How to Use

  1. Clone or download this repository to your local machine.

  2. Open the index.html file in your web browser. This will load the Random Quote Generator App.

  3. Click the "New Quote" button to fetch and display a random quote.

  4. If you wish to share the quote on Twitter, click the "Tweet Quote" button.

Technologies Used

  • HTML: Used for structuring the web page.
  • CSS: Used for styling the web page, making it responsive and visually appealing.
  • JavaScript: Used for interacting with the Quotable API, generating random quotes, and handling the Tweet functionality.
  • Fetch API: Used to make HTTP requests to the Quotable API to fetch quotes.

API Usage

This app uses the Quotable API to retrieve random quotes. The API provides a wide range of quotes that can be accessed for free.

Screenshot

screencapture-127-0-0-1-5500-index-html-2023-10-08-22_56_03

Credits

This project was created by Muhammad Saif and is provided under the License.md.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute this code for your own projects.


Enjoy the app, and may the quotes inspire you! If you have any questions or suggestions, please feel free to open an issue.

About

A Random Quote Generator using JavaScript, HTML, CSS. You can also tweet the generated quote.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors