The Code Dealer

MERN Stack Tutorial: Create a Full-Stack Code Sharing App with Node.js and React.js

Join the newsletter for free and get the latest updates: https://thecodedealer.io/newsletter

Source Code: https://github.com/Maclinz/Snippet_Master

Feel free to support the channel: https://buymeacoffee.com/thecodedealer

New Website: https://thecodedealer.io

More videos here....
Build and Deploy a Fully Responsive Website in React JS:
https://youtu.be/V6ex_gBtnNw

Build a Fullstack Task Manager Application: Next.js, React, Prisma, MongoDB :
https://youtu.be/kPKXmEp_wfU

React and Node.js Video Player:
https://youtu.be/1lFQaxLeDTE

Portfolio Website Tutorial HTML, CSS, JavaScript: https://www.youtube.com/watch?v=W-5jkFPtLcc&t=2252s

React and Next JS Project Full Application: https://www.youtube.com/watch?v=H3YtJkPv89E&t=7879s

Build a Code To Image Application: React and Next.js
https://youtu.be/Hh9ojkZnpnE

00:00:00 - Introduction
00:09:06 - Backend Section
02:43:02 - Auth and Vars
02:57:36 - Header
03:31:06 - Sidebar
04:06:44 - Snippet Context and Public Snippets
04:19:42 - Snippet Component
05:08:29 - Global Context and Modal Setup
05:40:36 - Add Snippet
06:31:10 - Update and Delete Snippet
06:42:21 - Like and Unlike Snippet
06:52:24 - Categories/Tags
07:22:11 - Public User Profile
07:55:52 - Public Snippets
08:09:52 - Private Snippets
08:23:24 - Favourite Snippets
08:31:37 - Leaderboard
08:48:26 - Popular Page
08:57:33 - User Profile
09:41:32 - Filter Fixes and Help Page
10:05:37 - Help Page and Animations
10:20:04 - Privacy and Terms Page
10:36:07 - Profile Modal and Sidebar
11:00:05 - Search and Final Fixes

mern stackREST APIFull-Stack DevelopmentJavaScript ProjectMERN StackNode.jsExpress.jsMongoDBReact.jsReact HooksMongooseCode Snippet Sharing AppMERN Stack Tutorial: Create a Full-Stack Code Sharing App with Node.js and React.jsthecodedealerthe code dealerthecodealer.iomern stack fullstack appbuild a fullstack appfull website development tutorialnext.js and node.jsnode js tutorial code step by step