HTML Logo CSS Logo JavaScript Logo Vue Logo C# Logo .net Logo SQL Logo Map Logo Azure Logo Github Logo

Overview

May 2025 - September 2025

An e-commerce website built as a full-stack school project for art & learning supplies. It includes secure user accounts with JWT authentication, a product catalog with stock tracking, shopping cart and checkout, order history, and a store locator powered by the TomTom API. The project follows the MVC structure, using C# and ASP.NET Core for the backend, SQL Server for the database, and Vue/JavaScript for interactive frontend features. This project strengthened my skills in full-stack development, secure authentication, and third-party API integration.

Features

  • Secure signup/login with JWT (password hashing, token expiry)
  • Product catalog (categories, images, prices, stock-aware availability)
  • Shopping cart (add/remove, quantity updates, auto subtotal/tax/total)
  • Checkout flow (client + server validation)
  • Order history (orders + order-items persisted and queryable)
  • Store locator with TomTom API (Locate Me, search/autocomplete, nearest stores)

Technologies Used

Frontend: HTML, CSS, Vue/JavaScript

Backend: C#, ASP.NET

Database: SQL Server

Authentication: JWT

Version Control: GitHub

Hosting Plans: Azure App + Azure SQL

Challenges Faced

In this project, I faced challenges such as designing normalized tables for orders, order items, and stores to ensure data consistency, and implementing the shopping cart logic to handle quantity updates and totals accurately. Integrating the TomTom API also required careful handling of API key security, managing geocoding accuracy, and avoiding rate-limit issues.

Live Demo

Art Hub Website