- An e-commerce website that allows users to purchase Taiwanese snacks.
- TypeScript // C#
- React // .NET
- Navigation Bar - Includes a navigation bar for quick navigation between pages.
- Product Sorting - Includes search, sorting, and filtering options for the items inside the product catalog for an easier time finding each product.
- Product Details - Includes a page for every product that contains detailed descriptions along with an option to add, remove, or edit the items inside the user's shopping cart.
- Shopping Cart - Allows users to add products to a shopping cart before purchasing.
- Membership Functionality - Allows users to register an account and the website will remember their current shopping carts and previous orders even after logging out.
- Discount Codes - Allows users to put in a discount code at checkout for a discount off their order.
- Dark Mode - Includes a button on the page that toggles dark mode.
- Error Handling - Includes a test for the different types of errors that might be returned when a user interacts with the website.
- Home Page - Displays an eye-catching home menu.
- Catalog Page - Displays a list of available products to purchase along with the product information. Each product has two buttons: one to add the product to cart and another to view details about the product. The page also contains search, sorting, and filter options for easier navigation. Each page contains 9 products and the user can use switch between pages using the page numbers at the bottom of the list.
- About Page - Shows an about page containing the project description and a network error testing area.
- Contact Page - Shows the credits for the website.
- My Orders Page - Shows the previous completed orders of each user. Also contains a button for each completed order that shows a more detailed page of the order when clicked.
- Shopping Cart Page - Shows a list of products the user has added to their shopping cart along with options to add or remove those products. Also contains an area displaying the subtotal, shipping cost, and total amount that the user needs to pay along with a checkout button.
- Checkout Pages -
- Address Page - This page allows the user to enter their shipping address. The user can also press a checkbox to use the entered address inside their payment details.
- Order Summary Page - This page gives a complete reciept of the user's order for a final review before purchasing.
- Payment Page - This page allows the user to enter their payment information. The user can also press a checkbox to remember their payment details for later use.
This project was made for my Cloud Computing class.