A simple way to manage car makes, models, features, and photos. Built for everyone!
- Live Homepage: carinfo.azurewebsites.net
- Backend API Docs (Swagger): Swagger UI
- Main Source Code: GitHub Repo
- Frontend (Angular): ClientApp Source
- Backend (Web API): WebApi Source
- CI/CD Build Pipeline: Azure DevOps Build
- CI/CD Release Pipeline: Azure DevOps Release
- View, add, edit, and delete vehicles, makes, models, and features
- Upload and browse car photos
- Search, filter, and sort vehicles easily
- See all changes instantly—no page reloads
- Explore the backend API with interactive Swagger docs
- Frontend: Angular (TypeScript)
- Backend: ASP.NET Core Web API (C#)
- Database: SQL Server with Entity Framework Core
- Deployment: Azure App Service
- CI/CD: Azure DevOps Pipelines (automated build & release)
- .NET 7 SDK or later
- Node.js (LTS)
- Angular CLI
- SQL Server Express LocalDB or any SQL Server
- VS Code or Visual Studio
git clone https://github.com/maniya81/car-info.git
cd car-infocd WebApi
dotnet restore
# Update ConnectionStrings in appsettings.Development.json if needed
dotnet ef database update
dotnet run- The API runs at
https://localhost:5001orhttp://localhost:5000
cd ../ClientApp
npm install
ng serve- The app runs at
http://localhost:4200
- Docs: Swagger UI
- Example endpoints:
GET /api/vehicles— List vehiclesPOST /api/vehicles— Add a vehicleGET /api/makes— List car makesGET /api/features— List featuresPOST /api/vehicles/{vehicleId}/photos— Upload a photo
- Automated build and deployment with Azure DevOps
- See azure-pipelines.yml for details
- Pipelines run on every commit to
main
MIT License. See LICENSE for details.