Full Stack Application : StudentAdminPortal

This is a full stack application developed using Angular 15 for the frontend and ASP.NET Core 7 for the RESTful Web API backend. The application serves as a real-world example showcasing the integration of these technologies to build a modern and responsive web application.

Features

• Angular 15: The frontend is built using Angular 15, a powerful and popular JavaScript framework for building dynamic single-page applications. It provides a robust set of tools and features for creating a rich user interface.
• ASP.NET Core 7: The backend is developed using ASP.NET Core 7, a cross-platform and high-performance framework for building web applications and RESTful APIs. It offers a wide range of features and capabilities for creating secure and scalable server-side applications.
• RESTful Web API: The backend exposes a RESTful API that allows communication between the frontend and the server. It follows the best practices of REST architecture to provide a standardized and efficient way of exchanging data.
• Database Integration: The application seamlessly integrates with a database system (e.g., SQL Server) to store and retrieve data. The database is accessed through the backend using a data access layer or an Object-Relational Mapping (ORM) framework.
• Responsive Design: The UI is designed to be responsive, adapting to different screen sizes and devices. This ensures an optimal user experience across desktops, tablets, and mobile devices.
• Deployment: The application is deployable to various hosting environments, including cloud platforms like Azure and firebase. Deployment configurations and instructions are provided to facilitate smooth deployment and scalability.

Prerequisites

• Node.js and npm: Required for running the Angular frontend.
• .NET SDK: Required for building and running the ASP.NET Core backend.
• Database Server: Install and configure the appropriate database server (e.g., SQL Server, MySQL, PostgreSQL) and ensure it is accessible.

Getting Started

• Clone the repository: git clone https://github.com/Vijay-Kumavat/StudentAdminPortal.git
• Navigate to the frontend directory: cd StudentAdminPortal.UI
• Install frontend dependencies: npm install
• Start the frontend server: npm start
• Navigate to the backend directory: cd StudentAdminPortal.API
• Restore backend dependencies: dotnet restore
• Build and run the backend server: dotnet run
• Access the application in your browser at http://localhost:4200
• Please refer to the individual project directories (frontend and backend) for more specific instructions and customization options.

Application look like:

• Home page of application

• Search functionality

• Add student

• Validation

• Edit student

Deploy images:

• Deploy REST API using azure app service

• Get students API

• Get gender API

• Azure resource

• Google firebase console

• Deploy angular app in firebase

Acknowledgements We would like to express our gratitude to the open-source community and the developers behind the Angular and ASP.NET Core frameworks. Their hard work and dedication make projects like this possible.

Contact For any inquiries or questions, please contact us at kumavatvijay776@gmail.com.

Happy coding!