Skip to content

Latest commit

 

History

9 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

Full Stack Gen AI Application

.NET Core + Angular + OpenAI Integration

An AI-powered full-stack web application demonstrating modern enterprise application development using ASP.NET Core, Angular, and Generative AI capabilities.

This project explores the integration of Large Language Models (LLMs) into a modern web application by combining a scalable backend API, Angular frontend, and AI-powered services.


🎯 Project Overview

The objective of this project is to demonstrate:

  • Full-stack application development using .NET and Angular
  • REST API design and backend service development
  • Integration of Generative AI capabilities
  • Modern software architecture practices
  • Clean and maintainable application design

🚧 Project Status

This project is currently under active development.

Completed

  • ✅ ASP.NET Core backend foundation
  • ✅ Angular application setup
  • ✅ OpenAI integration framework
  • ✅ GET API endpoints
  • ✅ Initial application architecture
  • ✅ Containerize the application using Docker

Planned

  • ⏳ Complete POST API endpoints - TODO Fix Errors
  • ⏳ Build end-to-end Angular pages - TODO Add more details
  • ⏳ Improve prompt management
  • ⏳ Added authentication and authorization - TODO TESTING

🏗 Architecture Overview

Angular Frontend
|
|
ASP.NET Core Web API
|
|
Application Service Layer
|
|
OpenAI Integration Layer

Architecture Principles

  • Separation of concerns
  • Dependency Injection
  • Clean Code practices
  • Modular service design
  • RESTful API communication

🛠 Technology Stack

Backend

  • C#
  • ASP.NET Core Web API
  • .NET
  • REST APIs
  • Dependency Injection

Frontend

  • Angular
  • TypeScript
  • HTML5
  • CSS

Artificial Intelligence

  • OpenAI API
  • Large Language Model (LLM) integration
  • Prompt engineering concepts

Engineering Practices

  • Object-Oriented Programming
  • SOLID principles
  • Clean Architecture concepts
  • Software design patterns

✨ Key Features

🤖 Generative AI Integration

  • Integration with OpenAI services
  • AI-powered responses using LLM capabilities
  • Structured communication between application and AI services

🔌 Backend API Development

  • ASP.NET Core REST APIs
  • Service-oriented backend design
  • Maintainable API structure

🌐 Angular Frontend

  • Component-based frontend architecture
  • API-driven user interface
  • Modern TypeScript development

🚀 Engineering Highlights

✅ Designed a full-stack application combining .NET backend with Angular frontend

✅ Integrated Generative AI capabilities using OpenAI services

✅ Applied SOLID principles and clean coding practices

✅ Designed reusable and maintainable application components

✅ Structured the solution following enterprise application development practices


📂 Solution Structure

Backend
└── ASP.NET Core Web API

Frontend
└── Angular Application

AI Integration
└── OpenAI Services

🔮 Future Enhancements

  • Azure App Service deployment
  • Azure OpenAI integration
  • Docker support
  • CI/CD using GitHub Actions
  • Unit and integration testing
  • Role-based authentication
  • Conversation history
  • Prompt templates

📚 Learning Reference

This project was inspired by exploring modern approaches to building AI-powered full-stack applications.


👨‍💻 Author

Raj Kumar Arora

Associate Architect | Senior Full Stack Engineer

GitHub: https://github.com/Raj-Kumar-Arora

About

Conversion of unstructured data from customer inputs (Audio, Video and bot-chats) to structured data for tickets/incidents using .NET Core + Angular + Open AI

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages