Advanced Development Project

• Using .NET 6 Web API backend and Angular Frontend
• Using EF framework - being SQL DB for backend
• Cloudinary Amazon S3 NoSQL DB for media
• Firestore no sql db for reviews

Project Setup

prerequisite

• .NET6 6.0.9 runtime
• Node 16.17.1
• Docker

setting up

Postgres Setup

The backend connects to a postgres db, run this command

docker run --name shogun-postgres -e POSTGRES_PASSWORD=12345 -e POSTGRES_USER=sa -e POSTGRES_DB=shogun -p 5432:5432 -d postgres

This should start up a postgres instance, which your backend can connect to and store data in

API Setup

• Run the POSTGRES container before running
• Clone the project
• cd \API
• dotnet watch run
• This will build and migrate the seed data into a POSTGRES db for dev purposes, and will start up the final build in localhost:5000
• We will contacting localhost:5000 for developement and view the final site on localhost:5000 to ensure everything looks okay before deploying to production

Frontend Setup

• cd client-app
• npm i
• npm run start
• This will install node modules and start up the frontend on localhost:4200

Deployment

Before deploying to production

To view the site before going to production:

• cd client-app
• npm run build

This will build the minified bundle to the wwwroot/

To view the final the site

• cd API/
• dotnet watch run

This will serve up the wwwroot/ on localhost:5000, and this will be as close as you can see what the production environment will look.

The dockerfile handles the task of prepping the code to production optimised code

The current CI pipeline will build and test dotnet, then follows to upload the artefact for separate job runners and angular frontend will be built and placed into the wwwroot/ in the /API solution

Github Actions will run tests to ensure that the build is all okay

The CD pipeline is hooked up to Google Build and builds must be approved before being deployed to Cloud run on a public URL

Acknowledgements

Backend API was built using this Udemy course (Cummings, N. 2022. Complete guide to building an app with .Net Core and React [online]. Available from: https://www.udemy.com/course/complete-guide-to-building-an-app-with-net-core-and-react/)

Github: https://github.com/TryCatchLearn/Reactivities-v6

Code that used directly has been commented at the top pointing to the repo.