// A small JavaScript tool that uses domain knowledge
function concreteVolume(lengthM, widthM, depthM) {
  return +(lengthM * widthM * depthM).toFixed(3);   // cubic metres
}

function cementBags(volumeM3, bagsPerM3 = 7) {
  // bagsPerM3 depends on mix design — confirm the value for your mix
  return Math.ceil(volumeM3 * bagsPerM3);
}

const v = concreteVolume(5, 4, 0.15);
console.log(`Volume: ${v} m³, approx bags: ${cementBags(v)}`);

Phase 1 checklist
☐ Build a responsive portfolio page
☐ Write 30 small JavaScript exercises
☐ Use fetch to load data from a public API
☐ Use array map, filter, reduce comfortably
☐ Push all work to GitHub with READMEs

// npm install express mongoose
const express = require("express");
const mongoose = require("mongoose");

const Task = mongoose.model("Task", new mongoose.Schema({
  site: { type: String, required: true },
  activity: { type: String, required: true },
  percentComplete: { type: Number, min: 0, max: 100, default: 0 },
}));

const app = express();
app.use(express.json());

app.get("/api/tasks", async (req, res) => res.json(await Task.find().limit(100)));
app.post("/api/tasks", async (req, res) => {
  try { res.status(201).json(await Task.create(req.body)); }
  catch (err) { res.status(400).json({ error: err.message }); }
});

mongoose.connect("mongodb://localhost:27017/site").then(() => app.listen(4000));

import { useEffect, useState } from "react";

export default function Tasks() {
  const [tasks, setTasks] = useState([]);
  useEffect(() => {
    fetch("/api/tasks").then(r => r.json()).then(setTasks);
  }, []);
  return (
    <ul>
      {tasks.map(t => (
        <li key={t._id}>{t.site} — {t.activity}: {t.percentComplete}%</li>
      ))}
    </ul>
  );
}

Project: Site Progress Tracker
Users: site engineer, project manager
Features:
  - Login with roles
  - Add sites and activities
  - Update percent complete with notes
  - Flag delays with reasons
  - Dashboard: progress by site
Tech: React, Express, Node.js, MongoDB
Deploy: live link + README + screenshots

Career-switch pitch (30 seconds)
'I'm a civil engineer who moved into full stack development.
I learned JavaScript and the MERN stack and built tools for
construction work — like a site progress tracker used to log
activities and delays. I combine engineering discipline with
web development and want to build software for real operations.'

Weekly plan (working professional)
Weekdays: 1-1.5 hours (concepts + small exercises)
Saturday: 3 hours project work
Sunday: 2 hours project work + GitHub update + revision
Monthly: one finished feature or mini project
Adjust pace to your job; consistency matters most.

Skills tracker (0-3)
HTML/CSS ___  JavaScript ___  Git ___
React ___  Node/Express ___  MongoDB ___
Authentication ___  Deployment ___  Testing basics ___
Focus on the lowest two each month.

Job search plan
☐ Portfolio with 2-3 deployed projects
☐ Resume headline: 'Full Stack Developer (MERN) | Civil Engineering background'
☐ LinkedIn updated with projects
☐ Apply to junior/full stack roles and construction-tech companies
☐ Practise JavaScript and React interview questions weekly