Building a URL Shortener MERN Stack App with Node.js, TypeScript, MongoDB & React Ep.1

Опубликовано: 22 Октябрь 2024
на канале: Dipesh Malvia

6,805

159

Get ZEGOCLOUD SDK for 10,000 free mins: https://bit.ly/49jporL
Pre-built UIKits in low codes: https://bit.ly/4963jwC
Create documentations with AI now: https://bit.ly/3SiTXGY
ZEGOCLOUD SDK &API allows you to easily build video call apps/voice call apps/live streaming apps/chat apps in low code within minutes.
#zegocloud #api #sdk #lowcode #react #appdevelopment

I am starting a new series on MERN stack and Full stack development where we will build different types of projects and learn concepts about React, Nodejs, Typescript, Api integration, Tailwind css, shadcn, Firebase and many more.
In this episode we will build our first MERN stack project from scratch and we will start by building the backend apis using nodejs with Typescript. I will see to set up typescript into our nodejs project, understand about nodemon configuration and ts-node, mongoDb connection using mongoose and build our express server.

⭐️ Episode 1 :    • Building a URL Shortener MERN Stack A...
⭐️ Episode 2 :    • Building a URL Shortener MERN Stack A...

Node.js: The Complete Guide to Build Backend Projects [2023]🔥
Link - https://www.dipeshmalvia.com/courses/...

⭐️ Full Source Code ⭐️
https://buymeacoffee.com/dipeshmalvia...

⭐️ Node.js for beginners Playlist ⭐️
   • Node.js Tutorial For Beginners

🔥 Video contents... ENJOY 👇
0:00:00 - Outro
0:00:52 - Promo
0:02:52 - Project Setup & Node.js Installation
0:05:23 - Installing Dependencies
0:06:08 - Create Express Server
0:09:31 - Adding TypeScript to Project
0:13:54 - Nodemon & TS-NODE config setup
0:16:23 - Connect app to Mongodb database
0:20:32 - Adding middleware to project
0:21:45 - Adding API Routes
0:24:32 - Adding Controller and Functions
0:24:57 - Adding Model with Mongoose Schema
0:28:20 - Controller Functions and MongoDb operations
0:30:15 - Add Create Short URL Function
0:33:15 - Add Get All URLs Function
0:36:18 - Add Get URL Function
0:38:18 - Add Delete URL Function
0:39:32 - API Testing
0:41:23 - Outro

⭐️ Crash Courses ⭐️
🔗 Nodejs Crash Course -    • Learn Node.js & Express with Project ...
🔗 React Crash Course -    • Learn React JS with Project in 2 Hour...
🔗 JavaScript Crash Course -    • JavaScript Tutorial for Beginners | J...
🔗 HTML5 Crash Course in 1 Hour -    • HTML5 Crash Course for Absolute Begin...
🔗 CSS Crash Course in 1 Hour -    • CSS Crash Course For Absolute Beginne...

🔗 Social Medias 🔗
Twitter:   / imdmalvia
Facebook:   / programmingwithdipesh
Instagram:   / dipeshmalvia
LinkedIn:   / dmalvia

⭐️ Tags ⭐️
Node.js URL Shortener Backend: MongoDB + TypeScript Deep Dive
Node.js API Development: URL Shortener Backend Using TypeScript and MongoDB
Building Scalable APIs: URL Shortener App with Node.js, MongoDB, and TypeScript
Hands-On Tutorial: Building a URL Shortener Backend with Node.js, MongoDB, and TypeScript

⭐️ Hashtags ⭐️
#nodejs #typescript #mernstack #projects #beginners

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.