AI/ML Engineer Roadmap 2026 — React App

A React + Vite version of your 6-month roadmap dashboard, built to run on your own machine at a fixed, unique local port so you can bookmark it and come back anytime.

Run it locally

cd roadmap-react
npm install
npm run dev

It will automatically open in your browser at:

http://localhost:5732

The port is pinned in vite.config.js (--strictPort), so it's always the same address — bookmark http://localhost:5732 and just re-run npm run dev whenever you want to continue.

Other commands

npm run build     # production build → dist/
npm run preview   # serve the production build on the same port (5732)

Notes

• Your progress (checked topics, checklist, skill levels, background) is saved in your browser's localStorage, scoped to localhost:5732 — it persists across restarts as long as you use the same browser/profile.
• If port 5732 is ever in use by something else, change the port value in vite.config.js (two places: server and preview).
• Requires Node.js 18+ and npm.

Project structure

src/
  data.js                 — all roadmap content (weeks, projects, stack, matrix, checklist, roles)
  lib/
    promptBuilder.js       — generates the per-topic teaching prompt + assignment text
    progress.js             — progress calculation helpers
    useStickyState.js       — localStorage-backed state hook
  components/               — one component per section (Hero, Weeks, Projects, Matrix, etc.)
  App.jsx / main.jsx / index.css

AI-ML-Roadmap