AI Web Builder - Frontend

A modern, AI-powered web building platform that allows users to generate websites using natural language prompts.

Features

• AI-Powered Code Generation: Generate complete websites from simple text descriptions.
• Interactive Preview: Real-time preview of your generated site using WebContainers.
• Modern UI/UX: Sleek, responsive design with dark mode and premium aesthetics.
• Multi-Framework Support: Build with React, TypeScript, and Tailwind CSS.
• Monaco Editor Integration: View and edit generated code with a powerful code editor.

Tech Stack

• Framework: React 18
• Build Tool: Vite
• Styling: Tailwind CSS
• Runtime Environment: WebContainer API
• Icons: Lucide React
• State Management: React Hooks & Context API
• HTTP Client: Axios

Getting Started

Prerequisites

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

Installation

1. Clone the repository:

   git clone https://github.com/shekhar-narayan-mishra/Ai-web-builder-frontend.git
   cd Ai-web-builder-frontend

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory and add necessary environment variables (see .env.example or contact maintainer).

4. Start the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:5173.