Notes

Angular HTML Pages
Interacts with
Angular Components
Use
Front-End
Angular Services
HTTP Requests/Responses
Controller (ASP.NET Web API)
Interacts with
Data Access Layer (DAL)
Interacts with
Back-End
DEContext (Entity Framewatk)
DatabaseHow to setup

Prerequisites:

Install Visual Studio 2022:
Download and install Visual Studio 2022 from the official Microsoft website: https://visualstudio.microsoft.com/

Install SQL Server:
Download and install SQL Server from the official Microsoft website: https://www.microsoft.com/en-us/sql-server/sql-server-downloads

Install .NET Core 6.0 SDK or above:
Download and install the .NET Core 6.0 SDK or a later version from: https://dotnet.microsoft.com/download/dotnet/6.0

Install Node.js version 12.0 or above:
Download and install Node.js from the official Node.js website: https://nodejs.org

Setup Guide:
Clone the repository:
Clone the gitlab repository containing the source code for the application using Git or download the ZIP file and extract it.

Scaffold the database using the DBScript:
Open SQL Server Management Studio and connect to your SQL Server instance.
Create a new database named "GroceryStore".
Open the DBScript.sql file provided with the application.
Execute the script in SQL Server Management Studio to create the necessary database schema and populate initial data.

Configure the connection string:
Open the appsettings.json file located in the ASP.NET Core project.
Find the "DefaultConnection" property under the "ConnectionStrings" section.
Replace the placeholder values (server name, database name, username, password) with your SQL Server connection details.

Build and launch the API:
Open the solution file (.sln) in Visual Studio.
Build the solution to restore dependencies and compile the code.
Launch the application using the F5 key or the "IIS Express" button in Visual Studio.
This will run the API on and show you the Grocery Store API swagger page.

Then Navigate to the ClientApp directory within the repository's source code using the cd command.
For example:
cd path/to/GroceryStore/ClientApp
Run the following command to install the Node.js modules:
npm install and npm start to run the App

The application should now start running, and you can access it through the specified URL.


The application includes several functionalities based on user roles:

Anonymous User:
1)Login: Anonymous users can log in using their credentials or create a new account.
2)Register: Anonymous users can register for a new account.
3)View Products: Users can browse and view the available products.
4)View Product Details: Users can see detailed information about a specific product.
5)Serach Products: User can type name or description to serach product.
6)Filter Products: Users can filter products based on categories.
7)Sort Products: Users can sort products based on price.
8)Add Products to Cart: Users can add products to their shopping cart.

Logged-in User (includes all functionalities available to anonymous users):
1)Checkout: Logged-in users can proceed to the checkout process to place an order.
2)View Orders: Users can view their order history.
3)View Ratings and Read Reviews(Bonus-Marks-functionality):Users can see average rating and read reviews for products.
4)Rate and Write Reviews(Bonus-Marks-functionality): Users can rate and write reviews for products.

Admin User (includes all functionalities available to logged-in users):
1)Admin Panel: Admin users have access to an admin panel to manage products.
2)Add Product: Admin users can add new products to the store.
3)Delete Product: Admin users can delete existing products from the store.
4)Update Product: Admin users can update product details.
5)See all orders and phone number customers who ordered

Make sure to follow the steps properly and configure the necessary settings and connection strings to run the application successfully.