Skip to content

This is a web application that displays a random technology related quote each time the "Get Quote" button is clicked, also tweet the quote on twitter by clicking on "Tweet" button

Notifications You must be signed in to change notification settings

sai-vamsi-m/tech-wisdom-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tech Quote Generator

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.

🛠️ Tools Used

This project was created using the following tools:

  • HTML
  • CSS
  • JavaScript
  • Quotable API

❇️ Getting Started

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.

⚙️ How It Works

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.

📸Screenshots

  • Interface

Quote Generator by Sai Vamsi

  • Click on Tweet button

Twitter Intent to Tweet

🚀 About Me

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!

About

This is a web application that displays a random technology related quote each time the "Get Quote" button is clicked, also tweet the quote on twitter by clicking on "Tweet" button

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published