A full-stack e-commerce platform for a Rwandan cookie business. Built with HTML/CSS/JS (frontend) + Node.js/Express/MongoDB (backend).
# πͺ Darcy's Cookies β E-Commerce Web Application
A full-stack e-commerce platform for a Rwandan cookie business.
Built with **HTML/CSS/JS** (frontend) + **Node.js/Express/MongoDB** (backend).
---
## π Live Links (fill in after deployment)
- **Frontend (Netlify):** `
darcy-cookies.netlify.app`
- **Backend API (Render):** `
darcy-cookies-api.onrender.β¦`
---
## π Project Structure
```
Darcy-cookies-store/
βββ frontend/ β Static site β deploy to Netlify
β βββ index.html
β βββ products.html
β βββ product.html
β βββ cart.html
β βββ checkout.html
β βββ admin.html
β βββ css/style.css
β βββ js/
βββ backend/ β Node.js API β deploy to Render
β βββ server.js
β βββ config/db.js
β βββ models/
β βββ routes/
β βββ package.json
βββ .github/workflows/ β CI/CD pipeline
```
---
## βοΈ Deployment Guide
### Step 1 β MongoDB Atlas
1. Go to
cloud.mongodb.com and create a free account
2. Create a new **free cluster** (M0)
3. Create a database user (username + password)
4. Under **Network Access** β Add IP Address β `0.0.0.0/0` (allow all)
5. Click **Connect** β **Drivers** β copy the connection string
6. Replace ` ` with your DB user password
7. Save this string β you'll need it for Render
---
### Step 2 β GitHub
1. Create a new repository on
github.com called `darcy-cookies-store`
2. Upload all project files (or use `git push`)
3. Make sure your `.env` file is **NOT** committed (it's in `.gitignore`)
---
### Step 3 β Render (Backend)
1. Go to
render.com β Sign in with GitHub
2. Click **New** β **Web Service** β connect your GitHub repo
3. Configure:
- **Name:** `darcy-cookies-api`
- **Root Directory:** `backend`
- **Build Command:** `npm install`
- **Start Command:** `npm start`
- **Plan:** Free
4. Add **Environment Variables**:
```
MONGO_URI = (your Atlas connection string)
JWT_SECRET = (any long random string)
BASE_URL =
darcy-cookies-api.onrender.β¦
```
5. Click **Deploy** β wait ~3 β¦