Check Empty Object - Javascript Interview #dsa #interview #coding
https://youtube.com/shorts/O3EGfDC-6Yc?feature=share

Now, let's move to the next topic in Web Development Roadmap:

🌐 *REST APIs & Routing in Express*

Now you move from basic server → real backend API structure.

If you understand this topic properly, you can build production-level APIs.


🧠 *What is a REST API?*

REST = Representational State Transfer

Simple meaning:
👉 Backend exposes URLs
👉 Frontend sends HTTP requests
👉 Backend returns data (usually JSON)


🔥 *REST API Structure*

REST follows resources-based URLs.

Example resource: users

Instead of:

/addUser
/deleteUser

REST style:

POST   /users
PUT    /users/:id
DELETE /users/:id

📌 *HTTP Methods in REST*

GET -> Read data
POST -> Create data
PUT -> Update data
DELETE -> Remove data


These map directly to CRUD.


🧩 *Basic REST API Example*


Step 1: Setup Express

const express = require("express");
const app = express();

app.use(express.json()); // middleware for JSON

let users = [
{ id: 1, name: "Amit" },
{ id: 2, name: "Rahul" }
];



🔍 1️⃣ GET – Fetch all users

app.get("/users", (req, res) => {
res.json(users);
});



➕ 2️⃣ POST – Add new user

app.post("/users", (req, res) => {
const newUser = {
id: users.length + 1,
name: req.body.name
};

users.push(newUser);
res.json(newUser);
});



✏️ 3️⃣ PUT – Update user

app.put("/users/:id", (req, res) => {
const id = parseInt(req.params.id);

const user = users.find(u => u.id === id);

if (!user) {
return res.status(404).json({ message: "User not found" });
}

user.name = req.body.name;
res.json(user);
});



❌ 4️⃣ DELETE – Remove user

app.delete("/users/:id", (req, res) => {
const id = parseInt(req.params.id);

users = users.filter(u => u.id !== id);

res.json({ message: "User deleted" });
});



▶️ *Start Server*

app.listen(3000, () => {
console.log("Server running on port 3000");
});


🧠 *What is Routing?*

Routing means:

👉 Matching URL
👉 Matching HTTP method
👉 Running correct function

*Example:*

GET /users → fetch users
POST /users → create user


📁 *Better Folder Structure (Real Projects)*

project/
├── routes/
│ └── userRoutes.js
├── controllers/
├── server.js

Separation of concerns = scalable backend.


⚠️ *Common Beginner Mistakes*

• Not using express.json()
• Not parsing req.params correctly
• Not sending status codes
• Not handling missing data

🧪 *Mini Practice Task*

• Create REST API for products
• GET /products
• POST /products
• PUT /products/:id
• DELETE /products/:id

➡️ *Double Tap ♥️ For More*

NextJS Tutorial #25 - PUT Method | Backend and Frontend
https://youtu.be/gkrgnPPVsJM

NextJS Tutorial #26 - DELETE Method | Backend and Frontend
https://youtu.be/EA1V97hbr28

Throttle Function Explained | Javascript Interview #dsa #interview #coding
https://youtube.com/shorts/GONX674HePI?feature=share

DSA #30 - Core Data Structures | Queue Interview Questions | Theory + Coding Practice
https://youtu.be/q0fFSkytB18

Deep Clone Object - Javascript Interview #dsa #interview #coding
https://youtube.com/shorts/GROeeu9_Y08?feature=share

Thank you everyone for your wonderful comments! 🙏

These are just 10 screenshots, and many more are still remaining.
Your support and kind words mean a lot to me.

Thank you for being part of this learning journey.

http://youtube.com/post/UgkxuDESqXsq4v7bwEji7eEX6ObNhQuunvUS?si=Bu4ib6sWkJStyqet

NextJS Tutorial #28 - JWT Authentication | Login API, Token & Protected Routes
https://youtu.be/1f5h6ejGM-A

Reverse String Without reverse() - Javascript Interview #dsa #interview #coding
https://youtube.com/shorts/AcF-OLPwwBA?feature=share

NextJS Tutorial #29 - Introduction to MongoDB
https://youtu.be/gdLVle8l6i8

React Developer Mock Interview | 2+ Years Experience | Real Interview Questions
https://youtu.be/f_Gm0vTains

NextJS Tutorial #30 - Install MongoDB Compass & Setup Database
https://youtu.be/Rs3Js5o9HTs

Check Value in Array | includes() - Javascript Interview #dsa #interview #coding
https://youtube.com/shorts/BVjzBvoNi-0?feature=share

NextJS Tutorial #31 - Connect MongoDB with Next.js
https://youtu.be/XTq0xow5NH0

*🌐 Frontend Development Concepts You Should Know*

Frontend development focuses on building the user interface (UI) of websites and web applications—the part users see and interact with in the browser. It combines design, structure, interactivity, and performance to create responsive and user-friendly web experiences.

*1️⃣ Core Technologies of Frontend Development*

Frontend development is built on three foundational technologies:
- *HTML (HyperText Markup Language)*: provides the structure of a webpage
- *CSS (Cascading Style Sheets)*: controls the visual appearance and layout
- *JavaScript*: adds interactivity and dynamic behavior to web pages

*2️⃣ Important Frontend Concepts*

- *Responsive Design*: ensures websites work properly across devices
- *DOM (Document Object Model)*: represents the structure of a webpage as objects
- *Event Handling*: frontend applications respond to user actions
- *Asynchronous Programming*: fetch data without reloading pages

*3️⃣ Frontend Frameworks & Libraries*

- *React*: popular JavaScript library for building component-based UI
- *Angular*: full frontend framework for large-scale applications
- Vue.js: lightweight framework known for simplicity and flexibility

*4️⃣ Styling Tools*

- *CSS Frameworks*: Tailwind CSS, Bootstrap, Material UI
- *CSS Preprocessors*: Sass, Less

*5️⃣ Frontend Development Tools*

- *VS Code*: code editor
- *Git*: version control
- *Webpack / Vite*: module bundlers
- *NPM / Yarn*: package managers
- *Chrome DevTools*: debugging

*6️⃣ Performance Optimization*

- lazy loading
- code splitting
- image optimization
- caching strategies
- minimizing HTTP requests

*7️⃣ Typical Frontend Development Workflow*

1. UI/UX Design
2. HTML Structure
3. Styling with CSS
4. Add JavaScript Interactivity
5. Integrate APIs
6. Test and debug
7. Deploy application

*8️⃣ Real-World Frontend Projects*

- Responsive Portfolio Website
- Weather App
- To-Do List Application
- E-commerce Product Page
- Dashboard UI

*Double Tap ♥️ For More*

Angular NgRx Full Course 2026 | Beginner to Advanced
https://youtu.be/HmzLEvY4AxU

NextJS Tutorial #32 - Read Data from MongoDB in Next.js | GET API
https://youtu.be/8ANeJKzhoTI

NextJS Tutorial #33 - Insert Data into MongoDB in Next.js | POST API
https://youtu.be/ZYCzPfrH7X4

Check All Numbers Positive - Javascript Interview #dsa #interview #coding
https://youtube.com/shorts/VwgH9lN3k8k?feature=share

*🗄️ Database Integration — MongoDB with Node.js*

Now you move from temporary data (arrays) → real database storage.

Backend apps must store data permanently.

That's where databases come in.

*🧠 What is a Database*

A database stores data persistently.

*Examples:*
- E-commerce: Products, orders
- Social media: Users, posts
- Banking app: Transactions

*Without database → data disappears when server restarts.*

*🍃 What is MongoDB*

MongoDB is a NoSQL database.

*Instead of tables → it stores documents (JSON-like data).*

*Example document:*

{
  "name": "Deepak",
  "role": "Developer",
  "age": 25
}

*Collection = group of documents*
*Database = group of collections*

*📦 Why MongoDB is Popular*

✅ *JSON-like data*
✅ *Flexible schema*
✅ *Works perfectly with JavaScript*
✅ *Scales easily*

*Common in MERN stack.*

*MERN = MongoDB + Express + React + Node*

*🔗 Connecting MongoDB with Node.js*

We use a library called Mongoose.

*Install:*

npm install mongoose

*⚡ Step 1 — Connect Database*

*Example:*

const mongoose = require("mongoose");

mongoose.connect("mongodb://127.0.0.1:27017/myapp")
.then(() => console.log("MongoDB Connected"))
.catch(err => console.log(err));

*Now Node server is connected to MongoDB.*

*🧩 Step 2 — Create Schema*

*Schema defines data structure.*

*Example:*

const userSchema = new mongoose.Schema({
  name: String,
  age: Number
});

*📄 Step 3 — Create Model*

*Model allows database operations.*

const User = mongoose.model("User", userSchema);

*➕ Step 4 — Create Data*

app.post("/users", async (req, res) => {
  const user = new User({
    name: req.body.name,
    age: req.body.age
  });

  await user.save();
  res.json(user);
});

*🔍 Step 5 — Fetch Data*

app.get("/users", async (req, res) => {
  const users = await User.find();
  res.json(users);
});

*❌ Step 6 — Delete Data*

app.delete("/users/:id", async (req, res) => {
  await User.findByIdAndDelete(req.params.id);
  res.json({ message: "User deleted" });
});

*✏️ Step 7 — Update Data*

app.put("/users/:id", async (req, res) => {
  const user = await User.findByIdAndUpdate(
    req.params.id,
    req.body,
    { new: true }
  );
  res.json(user);
});

*🔄 Full Backend Flow Now*

*React → API request*
*Express → Handles route*
*Mongoose → Talks to MongoDB*
*MongoDB → Stores data*

*⚠️ Common Beginner Mistakes*

- *Forgetting to install mongoose*
- *Not using async/await*
- *Wrong MongoDB URL*
- *Not validating schema*

*🧪 Mini Practice Task*

*Build Product API with MongoDB*

*Routes:*
- POST /products
- GET /products
- PUT /products/:id
- DELETE /products/:id

*Fields:*
name
price
category

✅ *Mini Practice Task – Solution*

This solution implements:

✔ POST /products → Add product
✔ GET /products → Fetch products
✔ PUT /products/:id → Update product
✔ DELETE /products/:id → Delete product

🟢 *Step 1 — Install Required Packages*

npm init -y
npm install express mongoose cors


📄 *Step 2 — Create server.js*

const express = require("express");
const mongoose = require("mongoose");
const cors = require("cors");

const app = express();

app.use(cors());
app.use(express.json());

/* ---------------- DATABASE CONNECTION ---------------- */

mongoose.connect("mongodb://127.0.0.1:27017/productdb")
.then(() => console.log("MongoDB connected"))
.catch(err => console.log(err));

/* ---------------- PRODUCT SCHEMA ---------------- */

const productSchema = new mongoose.Schema({
name: String,
price: Number,
category: String
});

const Product = mongoose.model("Product", productSchema);

/* ---------------- ROUTES ---------------- */

/* CREATE PRODUCT */
app.post("/products", async (req, res) => {

const product = new Product({
name: req.body.name,
price: req.body.price,
category: req.body.category
});

await product.save();

res.json(product);
});

/* GET PRODUCTS */
app.get("/products", async (req, res) => {

const products = await Product.find();

res.json(products);
});

/* UPDATE PRODUCT */
app.put("/products/:id", async (req, res) => {

const product = await Product.