basir/amazona

Build Ecommerce Like Amazon By MERN Stack

Amazona ECommerce Website

React & Node Tutorial - Full ECommerce in 9 Hours [2021]

Welcome to my React and Node tutorial to build a fully-functional e-commerce website exactly like amazon. Open your code editor and follow me for the next hours to build an e-commerce website using MERN stack (MongoDB, ExpressJS, React and Node.JS).

Demo Website

• 👉 Heroku : https://react-amazona.herokuapp.com
• 👉 Heroku Mirror: https://react-amazona-mirror.herokuapp.com

You Will Learn

• HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
• React: Components, Props, Events, Hooks, Router, Axios
• Redux: Store, Reducers, Actions
• Node & Express: Web API, Body Parser, File Upload, JWT
• MongoDB: Mongoose, Aggregation
• Development: ESLint, Babel, Git, Github,
• Deployment: Heroku
• Watch React & Node Tutorial

Run Locally

1. Clone repo

$ git clone [email protected]:basir/amazona.git
$ cd amazona

2. Setup MongoDB

• Local MongoDB
  • Install it from here
  • Create .env file in root folder
  • Set MONGODB_URL=mongodb://localhost/amazona
• Atlas Cloud MongoDB
  • Create database at https://cloud.mongodb.com
  • Create .env file in root folder
  • Set MONGODB_URL=mongodb+srv://your-db-connection

3. Run Backend

$ npm install
$ npm start

4. Run Frontend

# open new terminal
$ cd frontend
$ npm install
$ npm start

5. Seed Users and Products

• Run this on chrome: http://localhost:5000/api/users/seed
• It returns admin email and password
• Run this on chrome: http://localhost:5000/api/products/seed
• It creates 6 sample products

6. Admin Login

• Run http://localhost:3000/signin
• Enter admin email and password and click signin

Support

• Q/A: https://webacademy.pro/amazona
• Contact Instructor: Basir

Lessons

1. Introduction to this course
   1. what you will build
   2. what you will learn
   3. who are audiences
2. Install Tools
   1. Code Editor
   2. Web Browser
   3. VS Code Extension
3. Website Template
   1. Create amazona folder
   2. create template folder
   3. create index.html
   4. add default HTML code
   5. link to style.css
   6. create header, main and footer
   7. style elements
4. Display Products
   1. create products div
   2. add product attributes
   3. add link, image, name and price
5. Create React App
   1. npx create-react-app frontend
   2. npm start
   3. Remove unused files
   4. copy index.html content to App.js
   5. copy style.css content to index.css
   6. replace class with className
6. Share Code On Github
   1. Initialize git repository
   2. Commit changes
   3. Create github account
   4. Create repo on github
   5. connect local repo to github repo
   6. push changes to github
7. Create Rating and Product Component
   1. create components/Rating.js
   2. create div.rating
   3. style div.rating, span and last span
   4. Create Product component
   5. Use Rating component
8. Build Product Screen
   1. Install react-router-dom
   2. Use BrowserRouter and Route for Home Screen
   3. Create HomeScreen.js
   4. Add product list code there
   5. Create ProductScreen.js
   6. Add new Route from product details to App.js
   7. Create 3 columns for product image, info and action
9. Create Node.JS Server
   1. run npm init in root folder
   2. Update package.json set type: module
   3. Add .js to imports
   4. npm install express
   5. create server.js
   6. add start command as node backend/server.js
   7. require express
   8. create route for / return backend is ready.
   9. move products.js from frontend to backend
   10. create route for /api/products
   11. return products
   12. run npm start
10. Load Products From Backend
    1. edit HomeScreen.js
    2. define products, loading and error.
    3. create useEffect
    4. define async fetchData and call it
    5. install axios
    6. get data from /api/products
    7. show them in the list
    8. create Loading Component
    9. create Message Box Component
    10. use them in HomeScreen
11. Install ESlint For Code Linting
    1. install VSCode eslint extension
    2. npm install -D eslint
    3. run ./node_modules/.bin/eslint --init
    4. Create ./frontend/.env
    5. Add SKIP_PREFLIGHT_CHECK=true
12. Add Redux to Home Screen
    1. npm install redux react-redux
    2. Create store.js
    3. initState= {products:[]}
    4. reducer = (state, action) => switch LOAD_PRODUCTS: {products: action.payload}
    5. export default createStore(reducer, initState)
    6. Edit HomeScreen.js
    7. shopName = useSelector(state=>state.products)
    8. const dispatch = useDispatch()
    9. useEffect(()=>dispatch({type: LOAD_PRODUCTS, payload: data})
    10. Add store to index.js
13. Add Redux to Product Screen
    1. create product details constants, actions and reducers
    2. add reducer to store.js
    3. use action in ProductScreen.js
    4. add /api/product/:id to backend api
14. Handle Add To Cart Button
    1. Handle Add To Cart in ProductScreen.js
    2. create CartScreen.js
15. Implement Add to Cart Action
    1. create addToCart constants, actions and reducers
    2. add reducer to store.js
    3. use action in CartScreen.js
    4. render cartItems.length
16. Build Cart Screen
    1. create 2 columns for cart items and cart action
    2. cartItems.length === 0 ? cart is empty
    3. show item image, name, qty and price
    4. Proceed to Checkout button
    5. Implement remove from cart action
17. Implement Remove From Cart Action
    1. create removeFromCart constants, actions and reducers
    2. add reducer to store.js
    3. use action in CartScreen.js
18. Create Sample Users In MongoDB
    1. npm install mongoose
    2. connect to mongodb
    3. create config.js
    4. npm install dotenv
    5. export MONGODB_URL
    6. create models/userModel.js
    7. create userSchema and userModel
    8. create userRoute
    9. Seed sample data
19. Create Sample Products In MongoDB
    1. create models/productModel.js
    2. create productSchema and productModel
    3. create productRoute
    4. Seed sample data
20. Create Sign-in Backend
    1. create /signin api
    2. check email and password
    3. generate token
    4. install json web token
    5. install dotenv
    6. return token and data
    7. test it using postman
21. Design SignIn Screen
    1. create SigninScreen
    2. render email and password fields
    3. create signin constants, actions and reducers
    4. Update Header based on user login
22. Implement SignIn Action
    1. create signin constants, actions and reducers
    2. add reducer to store.js
    3. use action in SigninScreen.js
23. Create Register Screen
    1. create API for /api/users/register
    2. insert new user to database
    3. return user info and token
    4. create RegisterScreen
    5. Add fields
    6. Style fields
    7. Add screen to App.js
    8. create register action and reducer
    9. check validation and create user
24. Create Shipping Screen
    1. create CheckoutSteps.js component
    2. create shipping fields
    3. implement shipping constant, actions and reducers
25. Create Payment Screen
    1. create payment fields
    2. implement shipping constant, actions and reducers
26. Design Place Order Screen
    1. design order summary fields
    2. design order action
27. Create Place Order API
    1. createOrder api
    2. create orderModel
    3. create orderRouter
    4. create post order route
28. Implement PlaceOrder Action
    1. handle place order button click
    2. create place order constants, action and reducer
29. Create Order Screen
    1. build order api for /api/orders/:id
    2. create OrderScreen.js
    3. dispatch order details action in useEffect
    4. load data with useSelector
    5. show data like place order screen
    6. create order details constant, action and reducer
30. Add PayPal Button
    1. get client id from paypal
    2. set it in .env file
    3. create route form /api/paypal/clientId
    4. create getPaypalClientID in api.js
    5. add paypal checkout script in OrderScreen.js
    6. show paypal button
31. Implement Order Payment
    1. update order after payment
    2. create payOrder in api.js
    3. create route for /:id/pay in orderRouter.js
    4. rerender after pay order
32. Display Orders History
    1. create customer orders api
    2. create api for getMyOrders
    3. show orders in profile screen
    4. style orders
33. Display User Profile
    1. create user details api
    2. show user information
34. Update User Profile
    1. create user update api
    2. update user info
35. Create Admin View
    1. Create Admin Menu
    2. Create Admin Middleware in Backend
    3. Create Admin Route in Frontend
36. List Products
    1. Create Product List Screen
    2. Add reducer to store
    3. show products on the screen
37. Create Product
    1. build create product api
    2. build Create Product button
    3. define product create constant, action and reducer
    4. use action in Product List Screen
38. Build Product Edit Screen
    1. create edit screen
    2. define state
    3. create fields
    4. load product details
    5. add to routes
39. Update Product
    1. define update api
    2. define product update constant, action and reducer
    3. use action in Product Edit Screen
40. Upload Product Image
    1. npm install multer
    2. define upload router
    3. create uploads folder
    4. Handle frontend
41. Delete Product
    1. create delete api in backend
    2. create delete constants, action and reducer
    3. use it in product list screen
42. List Orders
    1. create order list api
    2. create Order List Screen
    3. Add reducer to store
    4. show products on the screen
43. Delete Order 2. create delete order action and reducer 3. add order delete action to order list
44. Deliver Order
    1. create constant, actions and reducers for deliver order
    2. add order deliver action to order details screen
45. Publish To Heroku
    1. Create git repository
    2. Create heroku account
    3. install Heroku CLI
    4. heroku login
    5. heroku apps:create amazona
    6. Edit package.json for build script
    7. Create Procfile
    8. Create mongodb atlas database
    9. Set database connection in heroku env variables
    10. Commit and push
46. List Users
    1. build api for list users
    2. Create UserList Screen
    3. create order details constant, action and reducer
47. Delete Users
    1. build api for delete users
    2. create order details constant, action and reducer
    3. Use action in UserListScreen
48. Edit User
    1. build api for update users
    2. create edit screen UI
49. Implement Seller View
    1. add seller menu
    2. create seller route
    3. list products for seller
    4. list orders for seller
    5. add Seller to Product List and Details Screen
50. Create Seller Page
    1. create seller page
    2. update product component and product screen
    3. update product routes
51. Add Top Seller Carousel
    1. install react carousel
    2. implement actions and reducers for top sellers
    3. use react carousel with data in Home Screen
52. Force Order Items From One Seller
    1. update addToCart action to buy from one seller at an order
53. Create Search Box and Search Screen
    1. create search bar in Header.js
    2. add style
    3. handle submit form
    4. edit parse url to get query string
    5. update product list api for search by name
54. Add Advanced Search Filter 1. filter by category 2. filter by price range 3. filter by average rating
55. Complete Advanced Search 1. filter by price 2. filter by rating 3. sort by price, rating, ...
56. Rate and Review Products 1. rate products 2. create actions and reducers
57. Choose Address On Google Map 1. create google map credentials 2. update .env file with Google Api Key 3. create api to send google api to frontend 4. create map screen 5. fetch google api 6. getUserLocation 7. install @react-google-maps/api 8. use it in shipping screen 9. apply map to the checkout screen
58. BugFix: Running Locally Without Issue
    1. add seller info to data.js
    2. seed product data with admin info as seller
    3. fix isSeller and isAdmin on update user
    4. remove auth from user details
59. Implement Pagination
    1. add pagination to product router in backend
    2. apply page number to actions and reducers in frontend
    3. show page numbers in search screen
60. Email order receipt by mailgun 1. create mailgun account 2. add and verify your domain to mailgun 3. install mailgun-js 4. set api key in env file 5. change pay order in orderRouter 6. send email the
61. Create Dashboard Screen
    1. Create chart data in backend
    2. Build Chart screen
62. Implement Live Chat With Customers
    1. use socket io to create backend
    2. create chat box component
    3. create support screen
63. Upgrade To React 17, Router 6, Mongoose 6
    1. Backend
    2. Uninstall and install all packages
    3. remove options in mongoose connect
    4. wrap mailgun in try catch in orderRouter
    5. Frontend
    6. Uninstall and install all packages
    7. remove in search box
    8. wrap all in
    9. replace with <Route element={}>
    10. replace with <Route element={ }/>
    11. replace and too
    12. Update PrivateRoute, AdminRoute and SellerRoute
    13. replace push() with navigate() from useNavigate
    14. replace props.match.params.id with const params = useParams();
    15. replace props.location.search with const { search } = useLocation(); and URLSearchParams
    16. replace props.match.path with const {pathname} = useLocation();
    17. put userInfo in useEffect in ChatBox, SupportScreen

amazona's Issues

I'm getting a : TypeError: Cannot read property 'category' of undefined

I'm getting a : TypeError: Cannot read property 'category' of undefined

Originally posted by @luxi101 in #56 (comment)

Google Map is not showing instead infinite Loading

I can not see the map screen. instead loading box is ocuuring infinite. i done everthing according

.

Mern tutorial source code

Thank you.

Continue Button On Payment Method Screen Not Working

The Continue button on Payment Method Screen (PayPal/Stripe) is not working or redirecting to Place Order Screen.

heroku demand ES2015 or SyntaxError: Unexpected identifier for server side

i have fallow the tutorial up to video no 45 - full course.
i getting this error when deploying to heroku.

/app/back-end/server.js:1
import express from 'express'
^^^^^^^
app[web.1]:
app[web.1]: SyntaxError: Unexpected identifier.

at video 45 the website is pushing to heroku as is..
and in my case i had to convert only the server side to es2015 to see it working on heroku.

this is my root package.json

`{

"name": "amazona-shop-ml-1",

"version": "1.0.0",
"description": "eCom react and node look like amazon",
"main": "index.js",
"engines": {
"node": "12.4.0",
"npm": "6.9.0"
},
"scripts": {
"build": "cd front-end && npm install && npm run build",
"start": "nodemon --watch back-end --exec node --experimental-modules back-end/server.js"
},
"scriptsxxxxx": {
"heroku-postbuild": "npm run build && cd front-end && npm install && npm run build",
"build": "cd front-end && npm install && npm run build",
"start": "nodemon --watch back-end --exec babel-node back-end/server.js",
"server": "nodemon --watch back-end --exec babel-node back-end/server.js",
"client": "cd front-end && npm run start",
"dev": "npm run server & (npm run client)",
"dev1": "concurrently "npm run server" "npm run client""
},
"author": "",
"license": "ISC",
"dependencies": {
"bcrypt": "^5.0.0",
"bcryptjs": "^2.4.3",
"body-parser": "^1.19.0",
"concurrently": "^5.3.0",
"dotenv": "^8.2.0",
"express": "^4.17.1",
"express-async-handler": "^1.1.4",
"jsonwebtoken": "^8.5.1",
"mongoose": "^5.10.15",
"multer": "^1.4.2"
},
"devDependencies": {
"@babel/cli": "^7.12.1",
"@babel/core": "^7.12.3",
"@babel/node": "^7.12.6",
"@babel/preset-env": "^7.12.1",
"eslint": "^7.15.0",
"eslint-plugin-react": "^7.21.5",
"nodemon": "^2.0.6"
}
}
`

i would like to use the save ES version as in the course and not an old version of java script.

regards.

amazona/frontend/src/components/Product.js Error in the line no28 seller name

{product.seller.seller.name}

{product.seller.name}

TypeError: Cannot read property '_id' of undefined

Hi, i arealdy done this course and have one issue.

" TypeError: Cannot read property '_id' of undefined "

I downloaded your full repository and have this error too..
Thanks

Iam getting Order validation failed error in backend terminal when I click on place order button. can anyone help me to fix this issue with line of code as i

ValidationError:: orderItems.0.product: Path product is required.
at model.Document.invalidate (C:\Users\madhu\Desktop\Student Projects\Latest\mongodb\node_modules\mongoose\lib\document.js:2760:32)
at EmbeddedDocument.invalidate (C:\Users\madhu\Desktop\Student Projects\Latest\mongodb\node_modules\mongoose\lib\types\embedded.js:298:29)
at C:\Users\madhu\Desktop\Student Projects\Latest\mongodb\node_modules\mongoose\lib\document.js:2552:17
at C:\Users\madhu\Desktop\Student Projects\Latest\mongodb\node_modules\mongoose\lib\schematype.js:1273:9
at processTicksAndRejections (internal/process/task_queues.js:75:11)

TypeError: products.map is not a function

facing these issues at the homeScreen.js

`import React, { useEffect, useState } from 'react';
import axios from 'axios';
import Product from '../components/Product';
import LoadingBox from '../components/LoadingBox';
import MessageBox from '../components/MessageBox';

export default function HomeScreen() {
const [products, setProducts] = useState([]);
const [loading, setLoading] = useState(false);
const [error, setError] = useState(false);
useEffect(() => {
const fecthData = async () => {
try {
setLoading(true);
const { data } = await axios.get('/api/products');
setLoading(false);
setProducts(data);
} catch (err) {
setError(err.message);
setLoading(false);
}
};
fecthData();
}, []);
return (

{ loading ? (

) : error ? (
{error}
) : (

{products && products.map((product) => (

))}

)}

);
}
`

TypeError: Cannot read property '_id' of undefined

Cannot read 'name' property of undefined

At line 23 of Product.js in components folder, You have this error "{product.seller.seller.name}". seller is being called twice.

Adding redux to Homescreen

i keep on getting this error , please assist me ,

the code below is what is triggering the error (TypeError: Object(...) is not a function)
useEffect(() => { dispatch(listProducts()); }, [dispatch]);

please help me , please anyone.

Github upload Portion Pt. 6 (nothing added to commit but untracked files present)

Good Afternoon Basir,

Thank you for the tutorial. When I move .gitignore from src to root, I get the terminal error: "nothing added to commit but untracked files present."

Error handling issue

Hi. There's a problem with error handling. Whenever you enter a wrong product id in the browser bar, the response must be 404 Product Not Found. But, if you enter manually an ID that is not in MongoDB format (for example, if you make it shorter) the backhand throws an error in 'find' function which is shown on the front end. How can we check for correct formatting? Preferably before the request goes, so that we could redirect the user immediately.

Errortype: can not read property of undefined (reading substring)

Kindly resolve this issue .
Why this issue occure it try many time but i don't get the correct path . This issue occure when i open
Orders
Ordershistory
The above error occure
![IMG-20220602-WA0044](https://user-
images.githubusercontent.com/107805608/174526077-9905e146-dd98-413b-89dc-a647196bc4f9.jpg)

Products Not Showing On Home Screen

Products are not showing on Home Screen after connecting to MongoDB (edits to server.js) and deleting ID from products in backend data.js

Heroku Error

2022-07-01T18:57:21.194308+00:00 app[web.1]: [nodemon] app crashed - waiting for file changes before starting...
2022-07-01T18:58:14.106281+00:00 heroku[router]: at=error code=H20 desc="App boot timeout" method=GET path="/" host=db-store-app.herokuapp.com request_id=af63302d-a50a-411f-af8e-6ec1cf7adcf0 fwd="41.81.150.65" dyno= connect= service= status=503 bytes= protocol=https
2022-07-01T18:58:20.170740+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2022-07-01T18:58:20.197793+00:00 heroku[web.1]: Stopping process with SIGKILL
2022-07-01T18:58:20.356448+00:00 heroku[web.1]: Process exited with status 137
2022-07-01T18:58:20.525483+00:00 heroku[web.1]: State changed from starting to crashed
2022-07-01T18:58:21.554536+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=db-store-app.herokuapp.com request_id=78723726-98c3-4423-8be4-41b3638ae7ac fwd="41.81.150.65" dyno= connect= service= status=503 bytes= protocol=https

Unhandled Rejection (TypeError): Cannot read property 'product' of null

Unhandled Rejection (TypeError): Cannot read property 'product' of null
(anonymous function)
In video-15 I got this error

Help me to solve this

Header's not responsive

Hello, I finished the course and pressing 'F12' to be responsive, the header is broken. I downloaded the "amazona master" from your repository and it also contains such an error. I hope someone can help me, I will be grateful.

Signout error

Error: Invariant failed: A state mutation was detected between dispatches, in the path 'cart.itemsPrice'. This may cause incorrect behavior. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)

updating the cart from placeorderscreen causes this error when you try to sign out

Uncaught TypeError: cartItems.map is not a function

i am facing this issue in cartScreen.js-

Uncaught TypeError: cartItems.map is not a function
can anyone help?

I am not able to implement signout. I don't understand what is the error, my code is the same but it doesn't sign out of the application

After deploy to heroku product not showing error

Hllo please help me when I deploy it to heroku and when I will connect with MongoDB atlas it will not insert my sample users and product into online MongoDB atlas database so i will copy paste products data manually it will show product but when I click on product It will show error product not found can you help me to solve this.
And when I register as newbuddy it insert data in online database and also signin works with that .

If you are stuck in this part maybe you need to delete mongodb database and recreate it, that solved my problem.

If you are stuck in this part maybe you need to delete mongodb database and recreate it, that solved my problem.

Originally posted by @jorgeariasacevedo in #52 (comment)

lesson 28

I followed EXACT STEPS from lesson1 until 28, when I clicked place order button , it returned INVALID TOKEN. INSPECT shows " Failed to load resource: the server responded with a status of 401 (Unauthorized) "...
Can anyone help

?

/:id in userRouter backend is not using isAuth middleware

Knowing id of User it could be possible to access to other information

MongoDB error Products.count() buttering timeout 10000ms

MY DATABASE IS SHOWING ERROR, PRODUCTS AND CATEGORIES ARE NOT SHOWING

Request failed with status code 404

everything has been going well as am building shopping cart, but when i click in product it says request failed with status code 404.
here is my server.js

`import express from 'express';
import data from './data.js';

const app = express();

app.get('/api/Products/:id', (req, res) => {
const product = data.products.find((x) => x._id === req.params.id);
if (product) {
res.send(product);
} else {
res.status(404).send({ message: 'Product Not Found' });
}
});

app.get('/api/products', (req, res) => {
res.send(data.products);
});
app.get('/', (req, res) => {
res.send('Server is ready');
});
const port = process.env.PORT || 5000;
app.listen(port, () => {
console.log(Serve at http://localhost: ${port});
});`

TypeError: Cannot read property 'image' of undefined

Please Help ProductScreen is not working

Cast to ObjectId failed for value "profile" at path "_id" for model "User"

Mern tutorial source code

TypeError: Cannot read property 'map' of undefined

TypeError: Cannot read property 'map' of undefined

getting this error while working on "Create React App" assignment. The error is coming from App.js

16 |
17 |

18 |

19 |

| ^ 20 | {data.products.map((product) => (
21 |

22 | <a href={/product/${product._id}}>

Create SECURITY.md

Hey there!

I belong to an open source security research community, and a member (@ktg9) has found an issue, but doesn’t know the best way to disclose it.

If not a hassle, might you kindly add a SECURITY.md file with an email, or another contact method? GitHub recommends this best practice to ensure security issues are responsibly disclosed, and it would serve as a simple instruction for security researchers in the future.

Thank you for your consideration, and I look forward to hearing from you!

(cc @huntr-helper)

Cast to ObjectId failed for value "undefined" at path "_id" for model "Order"

How to fix this issue? can you teach me how to fix this issue?

State of cart does not change when sign out

The state of cart (if there were items in it) is not set to empty when user signs out.

export const signout = () => (dispatch) => {
localStorage.removeItem('userInfo');
localStorage.removeItem('cartItems');
dispatch({ type: USER_SIGNOUT });
};

Adding unavailable items to cart

By copying unavailable item id to cart with qty link for example https://amazona.webacademy.pro/cart/5f7ae598281b5e7551d188bb?qty=1
It will add and let you proceed to the payment screen.

TypeError: products.map is not a function

import React, { useEffect, } from 'react';

import Product from '../components/Product';
import LoadingBox from '../components/LoadingBox';
import MessageBox from '../components/MessageBox';
import { useDispatch, useSelector } from 'react-redux';
import { listProducts } from '../actions/productAction';

export default function HomeScreen() {
const dispatch = useDispatch();
const productList = useSelector((state) => state.productList);
const { loading, error, products } = productList;

useEffect(() => {
dispatch(listProducts());
}, [dispatch]);
return (

{loading ? (

) : error ? (
{error}
) : (

{products.map((product) => (

))}

)}

);
}

Order id screen (nor backend) is not filtered by owner

I was expecting that in backend (or at least in frontend) there would be a check if the order is belonging to user (or seller or admin).
It seems that anyone could access to orders of another user (thus also some additional data such as shipping address).

UI flickering

Hi,
do you have any solution for flickering UI while loading?
Thanks.

ProductEditScreen isnt working

After update everything, ProductEditScreen isnt working only shows empty screen

SyntaxError: Unexpected identifier

Hi,

I keep getting "SyntaxError: Unexpected identifier" when trying to run node in the beginning of lesson 9.

I also added "type": "module" in the package.json. Nothing works.

Here is my code in server.js:

`import express from 'express';
import data from './data.js';

const app = express();

app.get('/api/products', (req, res) => {
res.send(data.products);
});

app.get('/', (req, res) => {
res.send('Server is ready');
});

app.listen(5000, () => {
console.log('Serve at http://localhost:5000');
});`

Issue while trying to seed the application off fresh fork and install

Hello Basir, thank you for providing this as a reference and making this code available. I went through some of the tutorials on YouTube and thought I would try to fork and start fresh from your repo. I was having an issue with running the seed URL on localhost.
from: " 5. Seed Users and Products
Run this on chrome: http://localhost:5000/api/users
It returns admin email and password ";

{
"message": "ENOENT: no such file or directory, stat '/Users/johnsasser/Desktop/SandBox/amazona/frontend/build/index.html'"
}

is the return message from the req.
I got 500 internal server err on the GET req.
I received the same results from both seeding instructions. Is there something simple I am missing?

Errortype: can not read property of undefined (reading substring)

Kindly resolve this issue .
Why this issue occure it try many time but i don't get the correct path . This issue occure when i open
Orders
Ordershistory
The above error occure
![IMG-20220602-WA0044](https://user-
images.githubusercontent.com/107805608/174526077-9905e146-dd98-413b-89dc-a647196bc4f9.jpg)

React application is not opening, it showing error

PS D:\projects\e-Commerce Website\Grab & Go\frontend> npm start

[email protected] start
react-scripts start

'Go\frontend\node_modules.bin' is not recognized as an internal or external command,
operable program or batch file.
internal/modules/cjs/loader.js:965
throw err;
^

Error: Cannot find module 'D:\projects\e-Commerce Website\react-scripts\bin\react-scripts.js'
←[90m at Function.Module._resolveFilename (internal/modules/cjs/loader.js:962:15)←[39m
←[90m at Function.Module._load (internal/modules/cjs/loader.js:838:27)←[39m
←[90m at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)←[39m
←[90m at internal/main/run_main_module.js:17:47←[39m {
code: ←[32m'MODULE_NOT_FOUND'←[39m,
requireStack: []

Can you provide the code to implement size of tshirts?