ShoptheBlock

The challenge was to build a comprehensive full-stack application that implemented secure user authentication and full CRUD functionality within an SQL database. Beyond basic data handling, the project required a modular architecture following the Single Responsibility Principle. Key requirements included a responsive UI, complex form handling with various input selectors (dropdowns, radios, etc.), and an efficient way for users to manage their resources—all while maintaining clean, scalable code.

I began by mapping out user stories and wireframes to define the core experience, followed by designing a detailed ERD using DBdiagram to manage complex one-to-many and many-to-many relationships. On the backend, I utilized ADO.NET and SQL Server to build the API, while Firebase handled user authorization. On the frontend, I used React and Bootstrap to create a smooth user flow: shoppers can browse by category, search for items, and manage their persistent cart. The process culminates in a multi-step checkout that includes an order summary and payment form. This project was a deep dive into the React framework and taught me how to bridge the gap between a structured C# backend and a dynamic JavaScript frontend.