improve-run-locally-docs (#95)

Author: basir

README.md

@@ -25,19 +25,52 @@ Welcome to my React and Node tutorial to build a fully-functional e-commerce web
 
 ## Run Locally
 
-- git clone git@github.com:basir/node-react-ecommerce.git
-- cd node-react-ecommerce
-- Run Backend
-  - npm install
-  - npm start
-- Run Frontend
-  - open new terminal
-  - cd frontend
-  - npm install
-  - npm start
+### 1. Clone repo
+
+```
+$ git clone git@github.com:basir/node-react-ecommerce.git
+$ cd node-react-ecommerce
+```
+
+### 2. Install MongoDB
+
+Download it from here: https://docs.mongodb.com/manual/administration/install-community/
+
+### 3. Run Backend
+
+```
+$ npm install
+$ npm start
+```
+
+### 4. Run Frontend
+
+```
+# open new terminal
+$ cd frontend
+$ npm install
+$ npm start
+```
+
+### 5. Create Admin User
+
+- Run this on chrome: http://localhost:5000/api/users/createadmin
+- It returns admin email and password
+
+### 6. Login
+
+- Run http://localhost:3000/signin
+- Enter admin email and password and click signin
+
+### 7. Create Products
+
+- Run http://localhost:3000/products
+- Click create product and enter product info
 
 Let me know if you have any questions. [Email Basir](mailto:basir.jafarzadeh@gmail.com)
 
+## Video Tutorials
+
 ### [00:02:00 Part 01- Introduction](https://www.youtube.com/watch?v=Fy9SdZLBTOo&t=120s)
 
 It gives you an overview of the tutorial to build an eCommerce website like Amazon.

backend/routes/userRoute.js

@@ -66,7 +66,7 @@ router.get('/createadmin', async (req, res) => {
   try {
     const user = new User({
       name: 'Basir',
-      email: 'basir.jafarzadeh@gmail.com',
+      email: 'admin@example.com',
       password: '1234',
       isAdmin: true,
     });

frontend/package.json

@@ -13,7 +13,7 @@
     "react-dom": "^16.12.0",
     "react-redux": "^7.1.3",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "3.3.0",
+    "react-scripts": "^3.4.1",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0"
   },

frontend/src/screens/ProductsScreen.js

@@ -81,7 +81,7 @@ function ProductsScreen(props) {
     bodyFormData.append('image', file);
     setUploading(true);
     axios
-      .post('/api/uploads/s3', bodyFormData, {
+      .post('/api/uploads', bodyFormData, {
         headers: {
           'Content-Type': 'multipart/form-data',
         },