Ecommerce with MERN Stack

Build e-commerce applications with MongoDB, Express, React, Node.js, covering authentication, product management, and deployment.Hands-on for full-stack developers.

Only Pakistan Residents
Ecommerce with MERN Stack

Course Level

Beginner to Advanced

Certification

Pass Final Exam

Career Impact

High Growth Potential

Course Overview

Build e-commerce applications with MongoDB, Express, React, Node.js, covering authentication, product management, and deployment.Hands-on for full-stack developers.

What You'll Learn

Set up MERN stack for e-commerce.

Manage products users orders with MongoDB.

Build backend APIs for authentication.

Create dynamic frontend with React.

Implement pagination search filtering.

Integrate payment gateways like Stripe.

Deploy apps to Heroku platforms.

Handle user reviews ratings.

Admin panel for order management.

Secure applications with best practices.

Ready to Start Learning?

Join thousands of successful students

Duration
3 Months
Eligibility
Only Pakistan Residents
Certificate
Pass Final Exam

Expert Support

Get expert guidance from our dedicated support team.

Detailed Curriculum

Section 1: Introduction and Setting Up Environment

1. ShopIT E-Commerce Project DEMO

2. Installing tools

3. Get ShopIT Source Code

Assessment Exercise- 01

Section 2: Let's start with ShopIT Backend

4. Basic Project Setup

5. Installing & Setting up Nodemon

6. Creating First Route

7. Setting Up Postman Environment

8. Connecting to MongoDB

Assessment Exercise- 02

Section 3: Adding Products Resource

9. Admin - Create & Save Product

10. Creating Product Model

11. Display all Products

12. Get Single Product

13. Admin - Update Product

14. Admin - Delete Product

Assessment Exercise- 03

Section 4: Backend Error Handling

15. Creating Error Handler Class

16. Creating Errors Middleware

17. Production Vs Development Errors

18. Handling Unhandled Promise Rejection

19. Handling Uncaught Exceptions

20. Catching Async Errors

21. Validation & Mongoose ID Error

Assessment Exercise- 04

Section 5: Adding Filter, Pagination Search

22. Search Products by Keyword

23. Filter Products

24. Implementing Pagination

Assessment Exercise- 05

Section 6: Authentication & Authorization

25. Creating User Model

26. Encrypting Password while Registration

27. Generate JSON Web Token

28. Login User & Assign Token

29. Sending JWT Token in Cookie

30. Protect Routes from Unauthorized Users

31. Logout User

32. Authorize User Roles and Permissions

33. Adding User in Products

34. Generate Forgot Password token

35. Configure Nodemailer & Reset Password HTML Template

36. Send Password Recovery

37. Reset New Password

38. Handle Duplicate key & JWT Error

Assessment Exercise- 06

Section 7: Handle User Routes

39. Get User Profile

40. Change - Update Password

41. Update User Profile

42. Admin - Get All Users & Specific User

43. Admin - Update & Delete User

Assessment Exercise- 07

Section 8: Orders Resource

44. Creating Order Model

45. Create & Save Order

46. Get Single Order & Logged in User Orders

47. Admin - Get all Order & Update-Process Order

48. Admin - Delete Order

Assessment Exercise- 08

Section 9: User Reviews

49. Add New - Update Review

50. Get all Reviews of Product

51. Delete Product Review

Assessment Exercise- 09

Section 10: Let's start with ShopIT Frontend

52. ShopIT HTML & CSS Details

53. Installing React & Cleaning Project

54. Header & Footer Component

55. ShopIT Homepage

56. Implementing React Router DOM

57. Add Custom Titles with Helmet

Assessment Exercise- 10

Section 11: Implementing Redux Toolkit

58. What is Redux Toolkit & RTK Query

59. Create Redux Toolkit Store

60. Fetch all Products Query

61. Fetch & Render Products for Redux State

62. Loader Component & Cache Behavior

63. Adding React Hot Toast

64. Product Details Page

Assessment Exercise- 11

Section 12: Adding Pagination, Search & Filters

65. Adding Pagination

66. Search Products Component

67. Filter by Price

68. Filter by Category

69. Filter by Ratings

Assessment Exercise- 12

Section 13: Authentication Frontend

70. Login User

71. Register User

72. Load Logged In User in State

73. Show User in Header

74. Logout User

Assessment Exercise- 13

Section 14: Handle User, Protected Route, Forgot & Reset Password

75. User Layout & Show User Profile

76. Update User Profile

77. ProtectedRoute Component

78. Setup Cloudinary for Images

79. Upload User Avatar

80. Fix Image Size Bug

81. Update User Password

82. Handle Forgot Password

83. Handle Reset Password

Assessment Exercise- 14

Section 15: Handle User Cart

84. Handle Quantity Selection

85. Add to Cart Button

86. Cart Component

87. Handle Quantity on Cart Component

88. Remove Cart Item

89. Handle Cart Summary

Assessment Exercise- 15

Section 16: Handle Checkout & COD Order

90. Handle Shipping Info

91. Confirm Order Details

92. Checkout Steps Component

93. Payment Method & Place COD Order

Assessment Exercise- 16

Section 17: Integrate Stripe for Payments

94. What is Stripe

95. Stripe Checkout Session, Tax & Shipping Rates

96. What is Stripe Webhook

97. Place on Successful Payment

Assessment Exercise- 17

Section 18: User Orders, Invoice & Reviews

98. Logged In User Orders

99. Display Order Details

100. Clear Cart after Order

101. Generate Order Invoice

102. Submit Review

103. Display all Reviews

104. Can User Review

Assessment Exercise- 18

Section 19: Admin Routes - Sales Charts & Product

105. Admin Layout & Authorize Role

106. Dashboard Component & Sales Chart

107. Sales Data Endpoint

108. Render Sales Data

109. Fix Time Zone Bug

110. Display All Products

111. Create New Product

112. Update Product

113. Upload Product Images

114. Delete Product Images

115. Delete Product

Assessment Exercise- 19

Section 20: Admin Routes - Orders, User & Reviews

116. Display all Orders

117. Process, Update Order

118. Delete Order

119. Display all Users

120. Update User

121. Delete User with Image

122. Display Product Reviews

123. Delete Product Reviews

Assessment Exercise- 20

Section 21: Deployment And [OLD VERSION] Introduction to Course

124. Not Found Component & Preparing for Deploy

125. Deploying on Cyclic.sh

126. DEMO of Old Project

Assessment Exercise- 21

Section 22: [OLD VERSION] Let's start with ShopIT Backend

127. Basic Project Setup

128. Installing & Setting up Nodemon

129. Creating First Route

130. Setting Up Postman Environment

131. Install & Setup MongoDB Locally

132. Connecting to MongoDB

Assessment Exercise- 22

Section 23: [OLD VERSION] Adding Products Resource

133. Creating Product Model

134. Admin - Create & Save Product

135. Creating Data Seeder

136. Display all Products

137. Get Single Product

138. Admin - Update Product

139. Admin - Delete Product

Assessment Exercise- 23

Section 24: [OLD VERSION] Backend Error Handling

140. Creating Error Handler Class

141. Creating Errors Middleware

142. Production Vs Development Errors

143. Catching Async Errors

144. Handling Unhandled Promise Rejection

145. Handling Uncaught Exceptions

146. Validation & Mongose ID Error

Assessment Exercise- 24

Section 25: (OLD VERSION) Adding Filter, Pagination, Search

147. Search Products by Keyword

148. Filter Products

149. Adding Pagination

Assessment Exercise- 25

Section 26: (OLD VERSION) Backend Authentication & Authorization

150. Creating User Model

151. Encrypting Password while Registration

152. Generate JSON Web Token

153. Login User & Assign Token

154. Sending JWT Token in Cookie

155. Protect Routes from Unauthorized Users

156. Logout User

157. Authorize User Roles and Permissions

158. Adding User in Products

159. Generate Forgot Password token

160. Send Password Recovery Email

161. Reset New Password

162. Handle Wrong JWT Token & Expire JWT Error

Assessment Exercise- 26

Section 27: (OLD VERSION) User Routes

163. Show User Profile

164. Change - Update Password

165. Update User Profile

166. Admin - Get All Users & Specific User

167. Admin - Update & Delete User

Assessment Exercise- 27

Section 28: (OLD VERSION) Adding Orders Resource

168. Creating Order Model

169. Create & Save Order

170. Get Single Order & Logged in User Orders

171. Admin - Get all Order

172. Admin - Update - Process Order

173. Admin - Delete Order

Assessment Exercise- 28

Section 29: (OLD VERSION) User Reviews

174. Get all Reviews of Product

175. Add New - Update Review

176. Delete Product Review

Assessment Exercise- 29

Section 30: (OLD VERSION) Let's start with ShopIT Frontend

177. ShopIT HTML & CSS Details

178. Installing React & Cleaning Project

179. Header & Footer Component

180. ShopIT Homepage

181. Implementing React Router

182. Update about React Router DOM

183. Add Custom Titles

Assessment Exercise- 30

Section 31: (OLD VERSION) Implementing Redux

184. What is Redux

185. Create Redux Store

186. All Products Reducer

187. All Products Action

188. Fetching Products for Redux State

189. Loader Component

190. Adding React Alert

191. Product Details Reducer & Action

192. Update about location, match, history

193. Product Details Component

Assessment Exercise- 31

Section 32: [OLD VERSION] Adding Pagination, Search & Filters

194. Adding Pagination

195. Search Products Component

196. Filter by Price

197. Filter by Category

198. Filter by Ratings

Assessment Exercise- 32

Section 33: [OLD VERSION] Users & Authentication Frontend

199. Login User Reducer & Action

200. Login User Component

201. Register User Reducer & Action

202. Adding Cloudinary for Images

203. Register User Component

204. Load Logged In User

205. Show User in Header

206. Logout User

207. Show User Profile

208. ProtectedRoute Component

209. ProtectedRoute Component for React Router v6

210. Update User Profile Reducer & Action

211. Update User Profile Component

212. Update User Password

213. Handle Forgot Password

214. Handle New Password

Assessment Exercise- 33

Section 34: [OLD VERSION] Adding Shopping Cart

215. Handle Quantity Selection

216. Add to Cart Button

217. Cart Component

218. Handle Quantity on Cart Component

219. Remove Cart Item

220. Handle Cart Summary

Assessment Exercise- 34

Section 35: [OLD VERSION] Handle Checkout & Payments

221. Handle Shipping Info

222. Checkout Steps Component

223. Confirm Order Details

224. Adding Stripe on Backend

225. Send Stripe API to Frontend

226. Payment Component

227. Process Payment with Stripe

228. Create New Order Reducer & Action

229. Place & Confirm Order

Assessment Exercise- 35

Section 36: [OLD VERSION] User Orders & Reviews

230. Logged in User Orders Reducer & Action

231. Logged In User Orders Component

232. Display Order Details

233. Submit Review Reducer & Action

234. Submit Review

235. Display all Reviews

Assessment Exercise- 36

Section 37: [OLD VERSION] Admin Routes - Part 1

236. Admin Sidebar Component

237. Dashboard Component

238. Display All Products

239. New Product Reducer & Action

240. New Product Component

241. Delete Product

242. Update Product

Assessment Exercise- 37

Section 38: [OLD VERSION] Admin Routes - Part 2

243. Display all Orders

244. Process Order Component

245. Delete Order

246. Display all Users

247. Update User

248. Delete User

249. Display Product Reviews

250. Delete Product Reviews

Assessment Exercise- 38

Section 39: [OLD VERSION] Deployment and Final Words

251. Connecting to Online DB & Preparing for deploy

252. Push on ShopIT on GitHub

253. Deploying ShopIT on Heroku

254. Your Task - Assignment for ShopIT

255. Congratulations !!!

Assessment Exercise- 39

Section 40. Course Assessment

Course Assessment

Do you have questions?

We'll help you to grow your career and growth

Honhaar Jawan

Honhaar Jawan © 2026. All Rights Reserved. Developed and Maintained by Honhaar Jawan.