This folder contains the clean, simplified base code used for the React beginner workshop. It is not the final version of the app — it is the starting point from which all milestone branches (v1 → v6) will be built.
- A minimal React + Vite setup
- Pre-organized folder structure
- Basic UI components (Header, AddTask, TasksList, Footer)
- Clean variable names and simple logic
- No advanced hooks or patterns
- Tailwind CSS included via CDN
- Ready for students to add logic step-by-step
workshop-base/ src/ App.jsx components/ Header.jsx AddTask.jsx TasksList.jsx Footer.jsx index.html package.json README.md ← this file This version is designed to:
- keep the code simple
- focus on React fundamentals
- reduce UI noise for beginners
- serve as the foundation for workshop milestones
- Students will not create a project from scratch.
- They will start from this base and learn concepts in stages.
npm install npm run dev See ./notes-refactor.md for details on how this base was cleaned, refactored, and simplified for teaching.