In this tutorial, we will go through structure and releasing a digital items ecommerce site utilizing the MERN Stack. We’ll integrate essential features like Stripe for payment processing, JWT for safe and secure authentication, Cloudinary for media management, and release the site on Vercel. Delight in!
https://github.com/c0d1nn/mern-stack-ecommerce-digital-products
⏱ Timestamps:
00:00:00 Intro
00:00:31 Demo
00:02:48 Setup
00:05:15 MongoDB
00:08:08 Item Design
00:11:51 Postman & Item Routes
00:19:01 Frontend Setup
00:21:24 Protected Routes
00:22:37 Admin Control panel
00:30:37 Delete & Edit Product
00:41:54 Spinner
00:43:40 Cloudinary
00:46:22 Create Product
00:53:26 Web page
00:55:16 Item Card
00:58:33 Navbar
00:59:13 ThemeToggleButton
01:00:43 CartIcon
01:02:00 CartContext
01:05:52 Cart
01:07:58 Stripe
01:12:26 Cart functions
01:11:12 Success & Cancel Page
01:15:03 Shop
01:17:01 Footer + Memberships
01:22:01 Statistics
01:25:08 JWT SETUP
01:29:03 Login & Register
01:36:33 AdminNavbar
01:38:53 JWT AUTH for REQUESTS
01:40:35 UI Fixes
01:46:27 Deploy to Vercel
_________________________________
email: [email protected]
#fullstack #mernstack #fooddeliverywebsite #websitetutorial #fullstackwebsitetutorial #html #css #reactjs #react #tailwindcss #tailwind #portfolio #responsiveportfolio #portfoliohtmlcss #howtoportfolio #websitetutorial #websitehtmlcss
Source