Skip to content

sethiharish/OnlineShop_AspNetCore_ReactJS

Repository files navigation

Online Pie Shop (Asp .net Core, C#, SQLite, ReactJS, Bootstrap)

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

Steps to set up code locally

There are two ways to run the code locally:

  1. With Docker, which requires only Docker to be installed.

  2. Without Docker, which requires .NET Core 3.1 SDK, NodeJS runtime / executable and VS Code or any code editor of your choice.

  3. Install Git and clone the code locally, execute git clone https://github.com/sethiharish/OnlineShop_AspNetCore_ReactJS.git

To Run with Docker

  1. Open Bash (Linux shell) and navigate to code folder where Dockerfile is present, execute cd OnlineShop_AspNetCore_ReactJS/OnlineShop_AspNetCore_ReactJS/

  2. Build docker image, execute docker build . -t onlineshop_aspnetcore_reactjs

  3. Run docker container, execute docker run -d -p 8080:8080 onlineshop_aspnetcore_reactjs

  4. Open the browser and navigate to http://localhost:8080/

  5. To test the REST Apis navigate to SwaggerUI

To Run without Docker

  1. Navigate to ClientApp folder, execute cd OnlineShop_AspNetCore_ReactJS\OnlineShop_AspNetCore_ReactJS\ClientApp

  2. Restore NPM packages, execute npm install

  3. Navigate one folder up, execute cd.. to \OnlineShop_AspNetCore_ReactJS\OnlineShop_AspNetCore_ReactJS\

  4. Restore Nuget packages, execute dotnet restore

  5. 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

  6. 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, execute code .

    6.3. Open the terminal and navigate to ClientApp folder, execute cd OnlineShop_AspNetCore_ReactJS\ClientApp, execute npm start to start the client

    6.4. Open another terminal and navigate to folder where OnlineShop_AspNetCore_ReactJS.csproj file is present, execute cd OnlineShop_AspNetCore_ReactJS\, to run the server / application, execute dotnet run

  7. Open the browser and navigate to https://localhost:5001/

  8. 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published