Projects

The hands-on builds that prove the learning

React Developer Mastery
0/8Shipped
0In progress
0%Portfolio ready
#01 · Phase 1 / Day 6

Interactive Quiz App

Vanilla JS, HTML, CSS, localStorage
  • Score tracking
  • countdown timer
  • question bank
  • results screen
  • persists high score in localStorage
#02 · Phase 1 / Day 7

GitHub Profile Finder

Vanilla JS, Fetch API, GitHub REST API
  • Search by username
  • fetch + display profile via GitHub API
  • loading state
  • graceful error handling for 404/rate-limit
#03 · Phase 2 / Days 13-14

Task Manager App

React, useState/useEffect, CSS Modules or Tailwind, localStorage
  • Add/edit/delete tasks
  • categories & priorities
  • due dates
  • filter/sort
  • persists to localStorage
  • responsive layout
#04 · Phase 2 / Day 14

Weather Dashboard

React, a public weather API, async state
  • Search multiple cities
  • current conditions + forecast
  • loading/error states
  • conditional rendering
  • clean UI
#05 · Phase 3 / Days 21-22

E-Commerce Store

React, Redux Toolkit, React Router, Protected Routes
  • Product catalog
  • cart with persistence
  • checkout flow
  • mock auth
  • protected checkout route
  • order history
#06 · Phase 4 / Day 23

Real-Time Chat App

React, WebSockets (or Socket.IO), Context API, custom hooks
  • Multiple chat rooms
  • typing indicators
  • message history
  • basic user presence
#07 · Phase 4 / Day 27-28

Portfolio Website

Next.js, MDX, Vercel
  • Projects showcase
  • MDX-powered blog
  • contact form
  • SEO metadata
  • deployed live
  • Lighthouse 90+
#08 · Phase 4 / Day 28

Full-Stack Dashboard

React/Next.js, charts (Recharts/D3), auth, tests
  • Data visualization
  • real-time-feeling updates
  • user management screen
  • test coverage
  • accessibility pass