Quoteverse

Generate a quote

Generate a image with AI

Description

This project is a web application that allows users to generate and explore quotes from various categories. Users can either fetch random quotes or search for quotes with specific tags. Additionally, the application integrates with Lexica, an AI image generation service, to create visually appealing images based on the entered quotes.

Features

• Random Quote Generation: Click the "Random" button to fetch a random quote.
• Tag-Based Quote Retrieval: Click on tags to fetch quotes associated with specific categories.
• Lexica Integration: Generate AI-generated images based on the entered quote.
• Image Download: Download the generated AI image.

Usage

1. Open the application and explore the various tags provided.
2. Click on a tag to fetch a quote related to that category.
3. Use the "Random" button to generate a random quote.
4. For selected quotes, click the "Show an AI generated cool image!" button to create an AI-generated image.
5. Download the generated image by clicking the "Download" button.

Installation

To run the project locally:

1. Clone the repository.
2. Navigate to the project directory.
3. Run npm install to install dependencies.
4. Run npm start to start the development server.
5. Open your browser and go to http://localhost:3000 to view the application.

Dependencies

• NextJs: https://nextjs.org/
• Tailwind CSS: https://tailwindcss.com/

Credits

• Quotes: Quotable API
• AI Image Generation: Lexica

Important Note

Be cautious not to send too many requests to Lexica, as it may lead to requests getting stuck.

Feel free to explore, generate, and enjoy the quotes and AI-generated images!