Skip to content

mazzyy/AI-Web-App-Builder

Repository files navigation

๐Ÿค– AI-Web-App-Builder

Generate web code instantly using AI-powered natural language prompts!

๐Ÿ–ผ๏ธ Product Screenshots

Main Interface

Main Application Interface The central workspace showing code editor, preview, and AI command input

Code Generation in Action

AI Code Generation *Demonstrating create new files

Templates and Design

alt text select and modify templates

Design from Screch

alt text rather then selecting template user select options to build

โœจ Current Features

๐Ÿš€ AI-powered code generation ๐Ÿ“ Supports HTML, CSS, JavaScript ๐Ÿ–ฅ๏ธ Real-time web code preview ๐ŸŒ Intuitive web-based editor โšก Python FastAPI backend integration

๐Ÿ”ฎ Planned Features & Roadmap

๐Ÿงฉ Code Generation Enhancements

  • Multiple Language Model Support
    • Google Gemini
    • OpenAI GPT
    • Anthropic Claude
    • Local LLM Integration

๐Ÿ–Œ๏ธ Template & Preset Management

  • Pre-built website templates
    • Landing pages
    • Admin dashboards
    • Portfolio sites
    • E-commerce layouts
  • Custom template creation and saving
  • One-click template customization

๐ŸŒ Backend Flexibility

  • Multi-language Backend Support
    • Python (FastAPI)
    • Node.js (Express)
    • Rust (Rocket)
    • Go (Gin)
    • Java (Spring Boot)

๐Ÿ› ๏ธ Advanced Development Tools

  • Integrated terminal
  • Code snippet library
  • AI-powered code completion
  • Real-time collaboration features
  • Export/Import project configurations

๐Ÿ”ง Customization Options

  • Configurable AI parameters
  • Custom prompt engineering
  • Theme and UI customization
  • Keyboard shortcut configuration

๐Ÿ› ๏ธ Tech Stack

Current:

  • Frontend: Vanilla JavaScript, HTML5, CSS3
  • Backend: FastAPI, Google Gemini AI
  • Language: Python

Future Targets:

  • Multiple frontend frameworks
  • Microservice architecture
  • Containerization (Docker, Kubernetes)

๐Ÿš€ Quick Start

Prerequisites

  • Python 3.9+
  • Google Gemini API Key

Backend Setup

# Navigate to backend directory
cd Backend

# Create virtual environment
python -m venv venv
source venv/bin/activate

# Install dependencies
pip install -r requirements.txt

# Create .env file
# Add your GEMINI_API_KEY

# Run server
uvicorn main:app --reload --port 5000

Frontend

  • Open index.html in a browser
  • Ensure backend is running

๐Ÿค Contributing

Interested in contributing? We welcome contributions across various domains:

  1. Feature Development

    • Implement new language model integrations
    • Develop backend support for additional languages
    • Create UI/UX improvements
  2. Bug Fixes

    • Identify and resolve issues
    • Improve code generation accuracy
    • Enhance performance
  3. Documentation

    • Improve README and inline documentation
    • Create user guides
    • Write technical documentation

Contribution Steps:

  1. Fork the repository
  2. Create a feature branch
  3. Commit changes
  4. Push to the branch
  5. Open a Pull Request

๐ŸŒŸ Vision & Philosophy

Our goal is to create a flexible, extensible AI-powered development tool that:

  • Democratizes web development
  • Reduces boilerplate coding
  • Provides an intuitive, intelligent coding assistant
  • Supports developers of all skill levels

๐Ÿ“Š Project Status

  • Current Version: 0.1.0 (Prototype)
  • Active Development: Ongoing
  • Stability: Experimental

๐Ÿ“„ License

MIT License - Open and free for all uses

๐ŸŒ Community & Support


Disclaimer: An AI-assisted code generation tool designed to augment, not replace, human creativity and expertise.

Star โญ the repo if you find it interesting!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors