AnkitSharma-007/vibe-code-ai
Vibe-Code-AI is an open-source project where full-stack apps (Angular + .NET + SQL Server) are built only with voice commands in VS Code. Powered by Claude Sonnet 3.7.
Vibe-Code-AI
Vibe-Code-AI is an open-source project that explores how voice commands and AI can completely redefine the way we build software.
Using only voice instructions (no typing), this project built a full-stack application using:
- Frontend: Angular
- Backend: .NET
- Database: SQL Server
Driven entirely through VS Code in agent mode, powered by the Claude Sonnet 3.7 model.
Tech Stack
Frontend
- Framework: Angular 19
- UI Library: Angular Material 19
- State Management: Component-level state with RxJS
- HTTP Client: Angular HttpClient module
Backend
- Framework: .NET 9 Web API
- ORM: Entity Framework Core 9
- Database: SQL Server
- API Style: RESTful
Getting Started
Prerequisites
- .NET 9 SDK
- Node.js (v20 or later recommended)
- Angular CLI (
npm install -g @angular/cli) - SQL Server (or SQL Server Express)
Setting up the Backend
-
Navigate to the API project directory:
cd server/EmployeeAPI -
Restore NuGet packages:
dotnet restore -
Update the database:
dotnet ef database updateAlternatively, you can run the included PowerShell script:
./FixDatabaseSchema.ps1 -
Run the API:
dotnet runThe API will be available at
https://localhost:5001orhttp://localhost:5000
Setting up the Frontend
-
Navigate to the Angular project directory:
cd client -
Install NPM packages:
npm install -
Run the Angular development server:
ng serveThe application will be available at
http://localhost:4200
API Endpoints
| Method | Endpoint | Description |
|---|---|---|
| GET | /api/employees | Get all employees (with pagination) |
| GET | /api/employees/{id} | Get employee by ID |
| POST | /api/employees | Create new employee |
| PUT | /api/employees/{id} | Update existing employee |
| DELETE | /api/employees/{id} | Delete employee |
| GET | /api/departments | Get all departments |
| GET | /api/departments/{id} | Get department by ID |
Query Parameters for GET /api/employees
pageNumber: Current page number (default: 1)pageSize: Number of items per page (default: 10)searchTerm: Search by first name, last name, email and positionsortColumn: Column to sort bysortDirection: Sort order ('asc' or 'desc')
License
This project is licensed under the MIT License - see the LICENSE file for details.