🏆 Capstone
LESSON 18 OF 18
Final Project — Full React App + Deploy
Build & Deploy a Complete React App
A complete React 18 app with Router v6, React Query, Context, and responsive styling — deployed live to Vercel. This is the project to link in your portfolio.
🏆 Capstone Checklist — Full React App
Combines everything from this course into one deployed application.
- Multiple pages via React Router v6, including at least one nested route with a shared layout
- Server data fetched via React Query (not raw useEffect/fetch) for at least one resource
- Global state (auth, theme, or cart) managed via Context
- Responsive styling (Tailwind CSS or your own CSS)
- Repository pushed to GitHub
- Deployed to Vercel with environment variables (API URLs, keys) set in the dashboard, not committed to Git
- Confirm the live deployed URL works end-to-end, not just localhost
Deliverable: Write a short README explaining what the app does, the stack used, and a link to the live demo — this is the project to put on your resume and link from your portfolio.
✅
This is the whole course, applied
Every lesson from 1 to 17 feeds into this build — JSX and components (Lessons 1-5), hooks and Context (Lessons 6-11), routing (Lessons 12-13), performance techniques (Lessons 14-16), and React Query (Lesson 17) all combine into one deployed, portfolio-ready application.