BioGenie

BioGenie is a powerful and intuitive bio generator application that leverages cutting-edge technologies to help you create personalized biographies effortlessly. Built with Grok AI, Vercel AI SDK, Next.js, React ShadCN, and Tailwind CSS, BioGenie offers a seamless and responsive user experience.

🌟Features

• AI-Powered Bio Generation: Utilize Grok AI to generate compelling and personalized biographies.
• Responsive Design: Built with Tailwind CSS and React ShadCN to ensure a seamless experience across all devices.
• Easy Deployment: Deploy effortlessly using Vercel AI SDK and Next.js.
• Customization Options: Tailor your bio with various customization settings to match your personal or professional needs.
• User-Friendly Interface: Intuitive design ensures that users of all technical levels can generate bios with ease.

Techstack

• Next.js: A React framework for server-rendered applications.
• React ShadCN: A set of accessible and customizable React components.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Grok AI: AI technology powering the bio generation feature.
• Vercel AI SDK: For seamless deployment and scalability.## Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the Repository:

   git clone https://github.com/Suhelkhan12/Ai-powered-bio-generator
   cd leetcode-card-generator

2. Install Dependencies:

   npm install
   # or
   yarn install

3. Set Environment Variables: Create a .env.local file in the root directory and add the following:

   NEXT_PUBLIC_GROK_API_KEY=Your grok api key

4. Run the Development Server:

   npm run dev
   # or
   yarn dev

   Visit http://localhost:3000 to view the app in development mode.

Build for Production

To create an optimized production build:

npm run build
npm run start

Usage

1. Navigate to the Application

Open the app in your browser at http://localhost:3000.

2. Enter Your Details

Fill in the required fields such as your name, profession, interests, and any other relevant information.

3. Generate Your Bio

Click the "Generate Bio" button. The AI will process your inputs and display a professionally crafted biography.

4. Copy

Copy the bios

Screenshots

Hero

Detailf form

Generated Bio Example

Deployment

The app is designed to be deployed on Vercel:

1. Push your code to a GitHub repository.
2. Connect your repository to Vercel.
3. Configure environment variables on Vercel.
4. Deploy the app with a single click.

Acknowledgments

• Grok for the API
• Next.js and ShadCN UI for the tech stack
• Tailwind CSS for styling

---

Feel free to explore the app and share your feedback! 🎉