AI Inspirational Quote Generator

Project Description

I created this project for the SheCodes AI Add-on workshop. This project is an AI-powered inspriational quote generator which asks users to input a theme for an inspirational quote. The quote is retrieved using the SheCodes API and displays the quote in a dynmaic, and engaging way using the Typewriter.js plugin.

SheCodes.AI.Add-On.Workshop.Inspirational.Quote.Generator.Preview.mov

1. Key features

• AI-Powered Quote Generation: Fetches an inspirational quote from the SheCodes API and AI when the user clicks the button.
• Typewriter Effect: Displays the joke text with a typewriter animation for an engaging user experience.
• Error Handling: Displays a friendly message if there is an error with the API request.
• Responsive Design: Optimised for both desktop and mobile devices.

2. Technologies & Tools Used

• HTML
• CSS
• Javascript: For interactive functionality and API integration
• Typewriter.js: For the animated typewriter effect
• Axios: For making HTTP requests to the AI quote API
• VS Code

3. Links

• Visit the Landing Page here
• Further info about SheCodes
• The used fonts are from Google Fonts

Credits

• The AI Quote Generator was created by eknox22 as a final project for the SheCodes AI Add-on workshop.

License

This project is licensed under the MIT license.