A full-stack e-commerce platform built with React, Node.js, and MongoDB.
This project is optimized for Unified Hosting, meaning both the Frontend and Backend run on a single Render Web Service.
- Connect your GitHub repository to Render.
- Select Web Service (not Static Site).
- Name:
dealdrop - Region: (Choose the one closest to your users)
- Runtime:
Node - Build Command:
npm run build - Start Command:
npm start
Add these in the Environment tab on Render:
| Key | Value Note |
|---|---|
NODE_ENV |
production |
MONGODB_URI |
Your MongoDB Atlas connection string |
JWT_SECRET |
A secure random string |
FRONTEND_URL |
Your Render URL (e.g. https://dealdrop.onrender.com) |
CLOUDINARY_CLOUD_NAME |
From Cloudinary Dashboard |
CLOUDINARY_API_KEY |
From Cloudinary Dashboard |
CLOUDINARY_API_SECRET |
From Cloudinary Dashboard |
EMAIL_USER |
dealdropecommerce@gmail.com |
EMAIL_PASS |
Your 16-character Google App Password |
STRIPE_SECRET_KEY |
Your Stripe Secret Key (sk_test...) |
STRIPE_PUBLISHABLE_KEY |
Your Stripe Public Key (pk_test...) |
- Install All Dependencies:
npm install(from root folder) - Run Both at Once:
npm run dev - Internal URLs:
- Frontend:
http://localhost:5173 - Backend API:
http://localhost:5000/api
- Frontend:
/backend: Node/Express Server & MongoDB Models./frontend: React/Vite Application./package.json: Root manager for building and hosting the unified app.