Frontend of the RoastAI project, built with React, TypeScript, and Vite, providing a clean, modern interface for users to interact with the AI backend.

This frontend allows users to:

• Chat with SavageBot, a witty, roast-style AI.
• Receive humorous responses from the AI based on user input.
• Browse funny debates and quote remixes.

It communicates with the RoastAI backend to fetch AI responses and display them in a responsive, stylish interface.

• Interactive chat with SavageBot
• Funny debates and quote remix features
• Fully responsive UI with TailwindCSS
• Form handling with React Hook Form
• Routing handled via React Router DOM

• Frontend: React.js, TypeScript, TailwindCSS
• Build & Dev Tools: Vite, ESLint
• Libraries: React Hook Form, Lucide React, Tailwind Scrollbar

• Node.js >= 16
• A running instance of the RoastAI backend
• .env file with the following key:

VITE_BACKEND_BASE_URL=<your_backend_api_url>

git clone <repo-url>
cd RoastAI-Frontend
npm install

npm run dev

• Starts the development server via Vite.

npm run build      # Builds the production bundle
npm run preview    # Preview the production build locally

📝 For educational and personal practice only. Fork it, run it, and learn!