This is a submission for the GitHub Finish-Up-A-Thon Challenge
What I Built
GlowStore — a full-stack MERN e-commerce store (React + Redux + Express + MongoDB).
Back in 2023 I built this as my university Web Engineering final project. I ran
out of time, handed in what I had, and never touched it again. When I reopened
it for this challenge I found something funny: the backend was basically
finished — JWT auth, products, orders, reviews, search — but the React
frontend never actually talked to it. It was a good-looking shell with fake
logic bolted on. So "finishing it" meant connecting the two halves and making it
a real store you can actually shop in.
Repo: https://github.com/hashaam-011/Web-Engineering
Demo
Before — the entire app was just a fake login screen. Typing anything (or
nothing) and clicking "Log in" flipped a boolean and "logged you in":
After — a working storefront with products from the database:
A real product detail page (was literally <h1>DetailsPages</h1> before):
You can run it yourself in two terminals (no database setup needed — it boots an
in-memory MongoDB and seeds itself):
cd backend && npm install && npm start # http://localhost:4000
npm install && npm start # http://localhost:3000
Demo login: user@example.com / 123456 — or register a new account.
The Comeback Story
Here's what the project looked like before, and what I changed:
| Before | After |
|---|---|
| Login dispatched a boolean and ignored your credentials | Real login/register against the API with JWT + bcrypt |
| Frontend never called the backend (no axios anywhere) | Axios client with token injection; products load from MongoDB |
Product details page was <h1>DetailsPages</h1> and wasn't routed |
Full details page (image, price, stock, rating) routed by slug |
| Cart was local-only; "checkout" button did nothing | Persistent cart → checkout → real order placed and saved |
| Backend had a reviews endpoint the UI never used | Product reviews: read them and post your own with a star rating |
| Only 3 routes; most of the app was unreachable | Home, login, register, details, account, checkout, orders |
Typos baked in (Regsiter, isLoggIn), console.log in render, logo linked to a random site |
Cleaned up, renamed, fixed scroll/header bugs |
A live MongoDB password was committed in .env
|
Removed from tracking, .env.example added |
I tracked the whole revival in 30 small commits so the before → after journey
is visible in the history, from "stop tracking node_modules" to "add the orders
page."
My Experience with AI-Assisted Development
I leaned on AI assistance heavily to finish this. The most useful parts:
- Mapping the gap fast. The first win was having the codebase read end-to-end and getting a precise list of what worked vs. what was fake — that turned a vague "it's unfinished" into a concrete checklist.
- Wiring the integration layer. Generating the axios client, the Redux thunks for login/register, and the product/cart/order slices was where it saved the most time — lots of boilerplate that's easy to get subtly wrong.
- Filling the missing pages. The checkout form, order summary math (items + shipping + tax), and the orders history page came together quickly.
- Unblocking the environment. Docker wouldn't start on my machine, so instead of stalling I switched the backend to an in-memory MongoDB with auto-seeding — now anyone can clone and run it with zero setup.
The thing I'd tell other people reviving an old project: don't start by writing
code. Start by getting an honest map of what's actually there. Half of "finishing"
turned out to be deleting fake logic, not adding new features.
Top comments (0)