After countless hours of coursework, I noticed I was learning a lot of theory but never actually building anything on my own. FUNDAMENTALS is my attempt at correcting that... five projects, increasing in complexity, written without AI generating my code.
What is this?
FUNDAMENTALS is a collection of five web projects, built from scratch and in order of increasing complexity. Each one introduces new tools, patterns, and concepts. From vanilla HTML, CSS, and JavaScript all the way through React, TypeScript, and a full-stack backend.
The rule
No AI wrote any of the code here. Not a function, not a fix, not a snippet.
This was deliberate. AI tools are genuinely useful — but only once you have enough foundation to evaluate what they produce, spot what's wrong with it, and know when to push back. FUNDAMENTALS is how that foundation gets built.
The five
The projects are:
- Calculator: arithmetic logic, state management , and edge cases in plain JS.
- To-Do App: DOM manipulation, local storage, and data-driven rendering.
- Weather Dashboard: React, TypeScript, live REST API, Vite, TanStack Query, and Zod.
- Movie Searcher: Next.js, optimistic updates, and server components.
- Expense Tracker: Supabase (PostgreSQL), authentication, Docker, and GitHub Actions.
Why these five?
The stack isn't arbitrary. Each project adds one meaningful layer: a new language, a new abstraction, a new infrastructure concern. By the end, the Expense Tracker touches most of what a real production app involves — relational data, user auth, containerization, and automated deployment.
The goal wasn't to build five things. It was to become someone who can build the next thing.
Source Code
The full source for every project is available on GitHub. There is a chance that the code is unpolished in places; real learning doesn't always look clean, and that's part of the point.