Project Case Studies

Learn by Building Real Projects

Step-by-step case studies of the real-world projects our students build — the problem, the tech stack, how it's built and the skills you walk away with.

Real-world project briefs AI-assisted, human-reviewed code Portfolio & interview ready

learnrefill-student-portal.md

// case study

stack: ["Next.js", "React", "TypeScript"]

build: "Up to 8 weeks"

Full Stack

Building the LearnRefill Student Portal

How a role-based learning portal with auto attendance, live class links, quizzes and project uploads is built with Next.js, Node.js, Express and MongoDB.

Next.jsReactTypeScriptNode.js+4

Up to 8 weeks Advanced

mern-ecommerce-store.md

// case study

stack: ["React", "Vite", "Redux Toolkit"]

build: "Up to 6 weeks"

Full Stack

Full Stack E-commerce Store with the MERN Stack

A complete online store with product search, cart, checkout in payment test mode and an admin panel — built end to end with React, Node.js, Express and MongoDB.

ReactViteRedux ToolkitNode.js+4

Up to 6 weeks Advanced

fastapi-postgresql-expense-tracker.md

// case study

stack: ["Python", "FastAPI", "PostgreSQL"]

build: "Up to 4 weeks"

Backend

Expense Tracker API with Python, FastAPI & PostgreSQL

Designing a secure expense tracker API with FastAPI and PostgreSQL — relational schema, JWT auth, monthly reports with SQL GROUP BY and query optimisation.

PythonFastAPIPostgreSQLSQLAlchemy+4

Up to 4 weeks Advanced

nextjs-typescript-job-board.md

// case study

stack: ["Next.js", "React", "TypeScript"]

build: "Up to 4 weeks"

Frontend

SEO-Friendly Job Board with Next.js & TypeScript

A fast, search-engine-friendly job board built with Next.js App Router and TypeScript — server rendering, dynamic metadata, filters and typed API data.

Next.jsReactTypeScriptTailwind CSS+2

Up to 4 weeks Intermediate

node-express-blog-api.md

// case study

stack: ["Node.js", "Express.js", "MongoDB"]

build: "Up to 3 weeks"

Backend

Secure Blog REST API with Node.js, Express & MongoDB

A production-style blog API with authentication, author and admin roles, image uploads, pagination and search — built with Node.js, Express and MongoDB.

Node.jsExpress.jsMongoDBMongoose+3

Up to 3 weeks Intermediate

animated-portfolio-landing-page.md

// case study

stack: ["HTML5", "CSS3", "Flexbox"]

build: "Up to 2 weeks"

Frontend

Animated Portfolio Landing Page with HTML & CSS

A fully responsive personal portfolio with smooth CSS animations, hover effects and accessible semantic HTML — the first project every Learn Refill student ships.

HTML5CSS3FlexboxCSS Grid+2

Up to 2 weeks Beginner

Your next chapter

Ready to Start Your Coding Journey?

Learn with real-world projects, expert mentorship, and a clear path to building strong technical skills. Take the first step toward your future in tech today.

Learn Refill