Environment Preparation for FriendApp

1. Prerequisites

• .NET SDK: Download and install from dotnet.microsoft.com
  • Check version: dotnet --version
• Node.js & npm: Download and install from nodejs.org
  • Check version: node -v and npm -v

---

2. Project Setup

To ignore permission issues, create a folder under your User folder in the C: drive. Execute the following commands inside that folder:

# Create the solution file
dotnet new sln

# Create a Web API project named "API" with controllers
dotnet new webapi -controllers -n API

# Add the API project to the solution list
dotnet sln add API

# Verify the list of projects
dotnet sln list

# Open the project in VS Code
code .

# Run the dotnet project (go inside the API project first, cd API)
cd API
dotnet run

3. Visual Studio Code Extensions

Install the following extensions to set up your environment:

• .Net Install tool
• C#
• C# Dev Kit
• Material Icon Theme (Just to improve the look)
• NuGet Gallery

4. dotnet certificate import

dotnet dev-certs https -h   (to see list of valid operations)
dotnet dev-certs https --check
dotnet dev-certs https --clean (to remove the certificate)
dotnet dev-certs https --trust

Install Nuget Packages:

microsoft.entityframeworkcore.Design

microsoft.entityframeworkcore.Sqlite (selecting Sqlite.Core will give error)

In Terminal:

dotnet restore # (to restore nuget packages, which are manually added in csproj)

VSCode extension:

SQLite Viewer (By Florian Klampfer)

Sqlite (alexcvzz)

from terminal(under API):

dotnet tool list -g # (To see the installed package) dotnet tool install -g dotnet-ef

dotnet ef migrations add InitialCreate -o Data/Migrations # (to create the databse Migrations)

dotnet ef database update

dotnet new gitignore # (it will create gitignore file)

For angular installation

https://angular.dev/installation

VS code extensions for angular

Angular Language Service (by angular.dev) ESLint (by microsoft.com)

Search for "Brackets" , in settings from vs code setting, set "auto Closing Brackets" to "always" from the dropdown menu. Search for "linked" setting in vs code setting, for auto update html closing tag based on opening tag.

To Generate trusted certificate

https://github.com/FiloSottile/mkcert