.NET Core Web API, Vue JS & Microsoft SQL Full-Stack Web App

Install Visual Studio using the free community edition, run installer, and select dot net and web development, dot net desktop development, and dot net cross platform development, then click install.

Install Postman to enable testing of the redBus endpoints, using Postman to validate them in the full-stack web app.

Create database objects for Europe by adding two tables: department (auto-generated id, name) and employee (name, department, date of joining, profile picture); insert records and verify with select queries.

Create a .NET web API project in Visual Studio, explore files like dependencies, appsettings, controllers, program, startup, and services, and learn how dependency injection configures the request processing pipeline.

Enable CORS by default, disable cross-domain security, update the JSON serializer by installing a package and importing the namespace, then run the project to verify the sample controller.

Create a models folder and add a department model with fields department and department name, then add an employee model with fields employee name, department, and joining.

Create and test department APIs by wiring a DB connection, injecting configuration, and building get, post, and update endpoints that return JSON and use parameterized queries.

Upload photos via a post route, storing in a photos folder with dependency injection, returning the uploaded image or a default anonymous picture file name on error.

Explore routing and navigation in a Vue.js app by creating a root component, screens (home, employee, department), and a navigation menu with router-link for routes /, /employee, /department.

Consume data with axios in a bootstrap table to display, insert, and manage department records via the get API, using a mounted lifecycle method.

Adapt the employee detail screen by copying from the department screen, add a bootstrap flex layout, a department dropdown, a date of joining, and a profile picture upload workflow.