Best MERN Stack Path for a School Teacher Starting from Zero

// Runs in the browser console or with Node.js
function getGrade(marks) {
  if (marks >= 90) return "A+";
  if (marks >= 75) return "A";
  if (marks >= 60) return "B";
  if (marks >= 40) return "C";
  return "Needs support";
}

const students = [
  { name: "Riya", marks: 92 },
  { name: "Aman", marks: 67 },
  { name: "Sara", marks: 38 },
];

for (const s of students) {
  console.log(`${s.name}: ${s.marks} -> ${getGrade(s.marks)}`);
}

const average =
  students.reduce((sum, s) => sum + s.marks, 0) / students.length;
console.log("Class average:", average.toFixed(1));

Phase 1 - Foundation checklist

HTML
[ ] Semantic tags: header, main, section, footer
[ ] Forms with labels and inputs

CSS
[ ] Box model, margin vs padding
[ ] Flexbox and basic media queries

JavaScript
[ ] let / const, arrays, objects
[ ] functions and arrow functions
[ ] map, filter, reduce
[ ] DOM: querySelector, addEventListener
[ ] fetch() to read JSON from a URL

// server.js  ->  npm install express  ->  node server.js
const express = require("express");
const app = express();
app.use(express.json());

// In-memory data for practice (MongoDB comes next)
const students = [{ id: 1, name: "Riya", marks: 92 }];

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

app.post("/api/students", (req, res) => {
  const { name, marks } = req.body;
  if (!name || typeof marks !== "number") {
    return res.status(400).json({ error: "name and numeric marks required" });
  }
  const student = { id: students.length + 1, name, marks };
  students.push(student);
  res.status(201).json(student);
});

app.listen(5000, () => console.log("API on http://localhost:5000"));

// StudentList.jsx - shows data from the Express API
import { useEffect, useState } from "react";

export default function StudentList() {
  const [students, setStudents] = useState([]);
  const [error, setError] = useState("");

  useEffect(() => {
    fetch("http://localhost:5000/api/students")
      .then((res) => res.json())
      .then(setStudents)
      .catch(() => setError("Could not load students"));
  }, []);

  if (error) return <p>{error}</p>;

  return (
    <ul>
      {students.map((s) => (
        <li key={s.id}>
          {s.name} - {s.marks}
        </li>
      ))}
    </ul>
  );
}
// Note: when React runs on another port, enable CORS
// on the API (npm install cors, then app.use(require("cors")())).

# Homework Tracker (MERN)

## Problem
Teachers lose track of which students submitted homework.

## Features
- Teachers add assignments with due dates
- Mark each student as submitted / pending
- Filter by class and subject

## Tech stack
MongoDB, Express, React, Node.js

## Run locally
npm install
npm run dev

## What I learnt
- Designing a MongoDB schema for classes and students
- Handling form validation on both client and server

Am I ready to apply for MERN fresher roles?

[ ] I can build a REST API with Express without a tutorial
[ ] I can explain state and props in React
[ ] I can write a MongoDB query with filters
[ ] 2-3 projects are deployed with live links
[ ] Each project has a clear README
[ ] My GitHub shows regular commits
[ ] I can explain my career change in 60 seconds
[ ] I have practised 20+ JavaScript interview questions

Weekly MERN Tracker
Week: ____   Phase: Foundation / Stack / Proof

Study slots (fixed times):
Mon ____  Tue ____  Wed ____  Thu ____  Fri ____
Sat (long session) ____

Topics this week:
1. _______________
2. _______________

Built this week:
_______________

Stuck on:
_______________   Asked for help?  Y / N

Project Brief
Name: _______________
Who uses it: teacher / student / parent
Problem it solves: _______________

Must-have features (max 4):
1. ___  2. ___  3. ___  4. ___

Data to store (MongoDB collections):
- _______________
- _______________

Finish date: ___________

Monthly Review

Hours studied this month: _____
Topics I can now explain to someone else:
1. ___  2. ___  3. ___

Projects finished: _____
Projects deployed: _____

Biggest win: _______________
Biggest blocker: _______________
Change for next month: _______________