personal-ai-code-assistant-frontend

Stars
6
Language
TypeScript
Updated
View on GitHub

AI Code Assistant - Frontend

This is the frontend component of the AI Code Assistant application, built with Next.js.

Features

  • Interactive code editor with Monaco
  • Real-time chat interface with AI
  • Code completion integration
  • File explorer
  • Dark/light theme support

Installation

  1. Install dependencies:

    npm install

  2. Configure environment:

    cp .env.local.example .env.local
# Edit .env.local with your backend URL

Running the Application

For development:

npm run dev

For production:

npm run build
npm run start

Or use the deployment script:

./deploy.sh

Docker Support

Build and run with Docker:

docker build -t ai-code-assistant-frontend .
docker run -p 3000:3000 ai-code-assistant-frontend

Technologies Used

  • Next.js 15
  • React 19
  • Monaco Editor
  • Tailwind CSS
  • Radix UI