Online Pie Shop is a fictitious e-commerce application, that allows the pie shop company to sell pies online.
It is a work in progress and currently there are following pages:
1. Home Page
2. Pie Details page
3. Pie List page
4. Shopping Cart page
5. About page
It has been built using following technology stack:
1. Front end - ReactJS and Bootstrap
2. Back end - REST / Web APIs using Asp.Net Core, C# and SQLite
3. Azure board for work item creation and tracking
4. Azure Repository (GIT) for maintaining the source code history
5. Azure pipelines for running continuous integration build
6. Google cloud build for running continuous deployment build, to Google cloud app engine (PAAS)
7. Docker / Containers
8. Test driven development / Unit testing / Integration testing
There are two ways to run the code locally:
-
With Docker, which requires only Docker to be installed.
-
Without Docker, which requires .NET Core 3.1 SDK, NodeJS runtime / executable and VS Code or any code editor of your choice.
-
Install Git and clone the code locally, execute
git clone https://github.com/sethiharish/OnlineShop_AspNetCore_ReactJS.git
-
Open Bash (Linux shell) and navigate to code folder where Dockerfile is present, execute
cd OnlineShop_AspNetCore_ReactJS/OnlineShop_AspNetCore_ReactJS/
-
Build docker image, execute
docker build . -t onlineshop_aspnetcore_reactjs
-
Run docker container, execute
docker run -d -p 8080:8080 onlineshop_aspnetcore_reactjs
-
Open the browser and navigate to http://localhost:8080/
-
To test the REST Apis navigate to SwaggerUI
-
Navigate to ClientApp folder, execute
cd OnlineShop_AspNetCore_ReactJS\OnlineShop_AspNetCore_ReactJS\ClientApp
-
Restore NPM packages, execute
npm install
-
Navigate one folder up, execute
cd..
to\OnlineShop_AspNetCore_ReactJS\OnlineShop_AspNetCore_ReactJS\
-
Restore Nuget packages, execute
dotnet restore
-
Deployment mode (client & server are running on same PORT / under same process):
5.1. Publish the project to generate executables, execute
dotnet publish -c Release
5.2. Navigate to publish folder, execute
cd bin\MCD\Release\netcoreapp3.1\publish\
5.3. Run the application, execute
dotnet OnlineShop_AspNetCore_ReactJS.dll
-
Development mode (client & server are running on separate PORT / under separate processes):
6.1. Navigate one folder up, execute
cd..
to\OnlineShop_AspNetCore_ReactJS\
6.2. Open the project
OnlineShop_AspNetCore_ReactJS
in VS code, executecode .
6.3. Open the terminal and navigate to ClientApp folder, execute
cd OnlineShop_AspNetCore_ReactJS\ClientApp
, executenpm start
to start the client6.4. Open another terminal and navigate to folder where
OnlineShop_AspNetCore_ReactJS.csproj
file is present, executecd OnlineShop_AspNetCore_ReactJS\
, to run the server / application, executedotnet run
-
Open the browser and navigate to https://localhost:5001/
-
To test the REST Apis navigate to SwaggerUI
It is a work in progress and being improved continously, in case you see any issues, please let me know.