Mock e-commerce website!

https://starrysproutsstore.azurewebsites.net Deployed using Azure.

Walk Through

This project was created using Asp.NET Core MVC(Model-View-Controller). HTML, CSS, Bootstrap, and C# was used to create the project. Entity Framework was used with SQL Server to store the data.

The front page has a revolving carousel that switches between 4 clickable pictures that leads to the products.

Web capture_19-6-2022_191710_localhost

The product page features clickable bootstrap cards that links the user to a detailed description of the product.

Web capture_19-6-2022_192157_localhost

The "Add to Cart" button redirects the user to the Shopping Cart where the Amount, Item name, and Price with the Subtotal is displayed.

Here we can decrease the amount (or remove the item if it is 1), Continue Shopping (redirects back to the products page), Clear Cart, or Checkout. Web capture_19-6-2022_192339_localhost

When the user Checks Out their items, an account is asked to be created so that the order can be paired with the Order. Authorization and Authentication will implemented so now you can Log In or Create an account.

Web capture_19-6-2022_192843_localhost

After logging in, we are asked to fill out shipping details. It also has validation to make sure each box is filled out correctly.

Web capture_19-6-2022_193115_localhost Web capture_19-6-2022_193926_localhost

Now we can see that the order is completed.

Web capture_19-6-2022_193514_localhost

If we go back to our database, we can see that the order was successfully created as well.

Screenshot 2022-06-19 193816