This project is a simple quote generator that displays a random quote each time the New Quote
button is clicked. The quotes are fetched from a Quote Generator API and displayed on the webpage using HTML, CSS, and JavaScript. By clicking on Tweet button, we can tweet the generated quote on twitter.
This project was created using the following tools:
- HTML
- CSS
- JavaScript
- Quotable API
To run the project, please follow the below steps:
- Clone the project repository to your local machine.
- Open the project folder and locate the
index.html
file. - Click on the
New Quote
button to generate a random quote from the Quotable API. The quote will appear on the webpage. - To share the quote on Twitter, click on the "Tweet" button. This will open a new window with a pre-populated tweet containing the quote text and author. You can edit the tweet as desired before posting it.
- To generate a new quote, simply click on the
New Quote
button again. This will fetch a new random quote from the API and display it on the webpage. - You can continue clicking on the "New Quote" button to generate more quotes and share them on Twitter as desired.
Here's how the project works:
- The user opens the web application in their web browser by accessing the
index.html
file. - The web application displays a simple user interface with a "New Quote" button and a "Tweet" button.
- The user clicks on the
New Quote
button. - JavaScript sends an API request to the Quotable API to fetch a random quote.
- The Quotable API responds with a JSON object containing the quote text and author.
- JavaScript retrieves the quote text and author from the API response and displays it on the webpage.
- The user can click on the "Tweet" button to share the quote on Twitter.
- CSS is used to style the webpage and make it more visually appealing.
- Interface
- Click on Tweet button
Hi there! I am Sai Vamsi, a final year computer science undergraduate with specialization in Artificial Intelligence at Vel Tech University, Chennai. I have a strong passion for software development, and Artificial Intelligence.
I'm proficient in C, C++, Java, and Python programming languages. I also have expertise in Data Structures and Algorithms. Besides, I am a Full-stack Web Developer who is familiar with front-end development technologies like HTML, CSS, JavaScript, and React, and also back-end development with Node.js, Express.js, and MongoDB.
On my GitHub profile, you can find a collection of projects that demonstrate my programming and development skills.
Thank you for taking the time to learn about me, and feel free to check out my projects on GitHub!