🌟 BioLoom - AI Bio Generator

Author: Zhenxiao (Mark) Yu 🌐 View the Live Demo

Welcome to the AI Bio Generator! This application helps you create the perfect social media bio with the power of AI. Built using Next.js, it offers a user-friendly interface and customizable options to generate bios that truly represent you.

📋 Table of Contents

• ✨ Features
• 🚀 Getting Started
  • 📋 Prerequisites
  • 🔧 Installation
  • 🏃‍♂️ Running the App
• 🛠️ Usage
• 🤝 Contributing
• 📜 License
• 💡 Acknowledgments

✨ Features

• 📱 Responsive Layout: Optimized for both desktop and mobile devices.
• 🛠️ Interactive Elements: Includes buttons, sliders, dropdowns, and text areas for easy input.
• ✅ Form Validation: Uses react-hook-form and zod for efficient form handling and validation.
• 🎨 Customizable Bio Generation:
  • 🧠 Model selection (e.g., Llama 3, Mixtral)
  • 🎚️ Creativity slider to adjust the level of originality
  • ✍️ Content input area for your existing bio or new text
  • 📋 Type and tone selection (e.g., personal, brand, professional, casual, etc.)
  • 😊 Emoji inclusion toggle
• ⚙️ Asynchronous Bio Generation: Loading spinner and context management to handle state.
• 💬 Tooltips: Provides additional information for better user understanding.
• 🌐 SEO and Metadata: Enhanced discoverability online.
• 🌟 GitHub Integration: Link to the source code repository.

🚀 Getting Started

📋 Prerequisites

Before you begin, ensure you have met the following requirements:

• 🖥️ Node.js: Install the latest version of Node.js
• 📦 npm or Yarn: Install npm or Yarn package manager

🔧 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/AI-Bio-Generator.git
   cd AI-Bio-Generator

2. Install dependencies:

   npm install

   or

   yarn install

🏃‍♂️ Running the App

1. Start the development server:

   npm run dev

   or

   yarn dev

2. Open your browser and navigate to http://localhost:3000 to see the app in action.

🛠️ Usage

1. Select a Model: Choose an AI model for generating your bio.
2. Adjust Creativity: Use the slider to set the desired level of creativity.
3. Input Your Content: Enter your existing bio or write a few sentences about yourself.
4. Select Type and Tone: Choose the type (personal or brand) and tone (e.g., professional, casual).
5. Toggle Emojis: Decide whether to include emojis in your bio.
6. Generate Bio: Click the "Generate" button and wait for your new bio to be created.

🤝 Contributing

We welcome contributions! Follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature-name).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature-name).
5. Open a pull request.

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

💡 Acknowledgments

• Next.js: The React framework used to build this app.
• React Hook Form: For efficient form handling.
• Zod: For schema validation.
• Lucide-react: For beautiful icons.
• Tailwind CSS: For utility-first CSS styling.