Virtual Development Environment (VADE)

VADE (Virtual Dev Environment) is a quick and robust, neomorphic-themed development environment featuring a live web editor and AVA, an AI assistant powered by Gemini. Build, debug, and export web projects efficiently with modern tooling and intelligent assistance.

Key Features

• Live Code Editor: Instantly edit and preview HTML, CSS, and JavaScript.
• AI Assistant (AVA): Context-aware code suggestions and fixes via Gemini.
• Project Export: Download your project as a zip file with one click.
• Inline Editing: Directly modify elements from the live preview.
• AI Debugging Tools: Automated code analysis and troubleshooting.

Getting Started

Prerequisites

• Node.js (latest LTS version recommended)

Installation

1. Clone the repository:

   git clone <repository-url>
   cd vade

2. Install dependencies:

   npm install

3. Configure environment variables:

   • Create a .env.local file in the root directory.
   • Add your Gemini API key:

     GEMINI_API_KEY=your_api_key_here

4. Start the development server:

   npm run dev

Usage

• Access the app at http://localhost:3000.
• Write or modify HTML, CSS, and JavaScript in the editor.
• Interact with AVA for code help and suggestions.
• Preview changes instantly.
• Export your project using the export feature.

Technology Stack

• Frontend: React, Tailwind CSS
• Build Tool: Vite
• AI Integration: Gemini API
• Utilities: JSZip

Contributing

Contributions are welcome! To get started:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Commit your changes:

   git commit -m "Describe your changes"

4. Push your 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.