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 …