8
Phase 8 · 2–3 months
Full app, online
The big one. You join the front, the back, and the database into ONE real app and put it on the internet. After this, you are a full-stack developer.
What to learn
- Connect the three parts: React (front) ↔ your API (back) ↔ database.
- Build one complete app with login, from start to finish.
- Put it online: front on Vercel, back on Render or Railway (= free hosting for backends), database online.
- Keep secrets in environment variables (= passwords kept outside your code).
Videos to watch
Practice on your own
- Connect your React app to your own API.
- Hide pages from people who are not logged in.
- Move all secrets into environment variables.
- Do one real deploy — front AND back.
Build this
Your big project: one complete, online app that solves a small real problem (a study-notes app, an expense tracker, a habit tracker). It must have a login, a database, a React front, an API back, a live link anyone can open, and a clear README with screenshots. This one project is worth more than ten tutorials.
Move on when: You have ONE finished app online that you can send to anyone as a link. You are now full-stack capable.