ashraf-kabir/mern-ecommerce

MERN Stack ecommerce site

mern-ecommerce

Frontend-> React JS

Backend-> Node JS & Express JS

Database-> MongoDB

Installation process

1. clone the repo using this command

   git clone https://github.com/ashraf-kabir/mern-ecommerce.git

2. install npm packages

   1. install backend packages

   cd mern-ecommerce
   npm install

   2. install frontend packages

   cd client
   npm install

3. go to the parent folder of mern-ecommerce & create .env for connection, JWT_SECRET, BRAINTREE_MERCHANT_ID, BRAINTREE_PUBLIC_KEY and BRAINTREE_PRIVATE_KEY.

   cd mern-ecommerce
   sudo nano .env

   (ctrl+x to save & nano follow instruction there)

   sample code for backend .env

   MONGODB_URI=YOUR_MONGODB_URI
   JWT_SECRET=YOUR_JWT_SECRET
   BRAINTREE_MERCHANT_ID=YOUR_BRAINTREE_MERCHANT_ID
   BRAINTREE_PUBLIC_KEY=YOUR_BRAINTREE_PUBLIC_KEY
   BRAINTREE_PRIVATE_KEY=YOUR_BRAINTREE_PRIVATE_KEY

4. create another .env file inside client directory for REACT_APP_API_URL.

   cd mern-ecommerce/client
   sudo nano .env

   sample code for frontend .env

   REACT_APP_API_URL=YOUR_API_URL

   Instructions:

   1. for mongodb atlas database creation follow this tutorial->https://www.youtube.com/watch?v=KKyag6t98g8
   2. you can use any random string as JWTSECRET
   3. for localhost REACT_APP_API_URL is http://localhost:5000/api but for heroku (server deployment) it will be different

   4. note: add .env on .gitignore

   5. for server deployment use secrets directly

5. deploy this project on your local server by using this command

   cd mern-ecommerce
   npm run dev

   note: both backend & frontend server will start at once with the above command.

6. Database Structure: (Table: columns)

   1. categories: _id, name, createdAt, updatedAt;
   2. orders: _id, status, products (Array), transaction_id, amount, address, user (Object), createdAt, updatedAt
   3. products: _id, photo (Object), sold, name, description, price, category, shipping, quantity, createdAt, updatedAt
   4. users: _id, role, history (Array), name, email, salt, hashed_password, createdAt, updatedAt

App Description:

1. user can view all products
2. user can view single product
3. user can search products and view products by category and price range
4. user can add to cart checkout products using credit card info
5. user can register & sign in
6. admin can create, edit, update & delete products
7. admin can create categories
8. admin can view ordered products
9. admin can change the status of a product (processing, shipped, delivered, etc.)

6. Deployed on: (No longer available due to heroku free dyno plan has deprecated)
   https://ecommerce-ak.herokuapp.com/
7. raise a star to support me

mern-ecommerce's Issues

not able to npm run dev

It gives the following error:

[email protected] dev
concurrently "npm run server" "npm run client"

[0]
[0] > [email protected] server
[0] > nodemon server.js
[0]
[1]
[1] > [email protected] client
[1] > npm start --prefix client
[1]
[0] [nodemon] 2.0.22
[0] [nodemon] to restart at any time, enter rs
[0] [nodemon] watching path(s): .
[0] [nodemon] watching extensions: js,mjs,json
[0] [nodemon] starting node server.js
[0] Server is running on port 3000
[0] The uri parameter to openUri() must be a string, got "undefined". Make sure the first parameter to mongoose.connect() or mongoose.createConnection() is a string.
[0] [nodemon] app crashed - waiting for file changes before starting...
[1]
[1] > [email protected] start
[1] > react-scripts start
[1]
[1] Something is already running on port 3000.
[1] npm run client exited with code 0

I did everything still it's not able to run the application even though my MongoDB is working completely fine. The website is running but the database isn't reacting(after signing up nothing happens it remains in the same state as a static website) Please help me with this if you want I could send you my whole code my end-sem project submission is really close🙏🙏

this is the error that I'm getting

Website offline

the website of your project is offline
https://ecommerce-ak.herokuapp.com/

How to add new products

hey how can i add new products and render them.
/create/product

not working..

Admin role.?

Bro, how to access admin role. Unable to understand to access it, even i seen ur previous issues about it. After signin i seen i had login like user but not admin.. If i check in mongodb, it shows role as 0

How to access Admin profile?

How do I add products to the site?

Unhandled Rejection

Handle all the errors centrally (backend)

Hey @ashraf-kabir
Your project is very interesting.It would be better if you handle all of your errors centrally.This reduces the ambiguity in the development when the project grows larger.

Admin role is not accessible

Admin role is not accessible

What should be YOUR_API_URL

REACT_APP_API_URL=YOUR_API_URL
i'm stuck
what should i put here ?

There is an error with your site.

Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail