Build real-world projects
Turn concepts into portfolio pieces. Each project lists the skills and lessons you need first; full guides include complete, explained code.
- Beginner
- 8
- Intermediate
- 8
- Advanced
- 8
- Full guides
- 2
Beginner projects
8 projectsPersonal Portfolio Website
A responsive one-page portfolio with semantic sections, a project grid and a contact form.
Responsive Login Page
An accessible login form with native validation, password visibility toggle and responsive layout.
Calculator
A keyboard-friendly calculator built with CSS Grid and event delegation.
To-Do List
A to-do app with add, complete, delete, filters and localStorage persistence — in plain JavaScript.
Digital Clock
A live clock with 12/24-hour toggle using Date and setInterval with cleanup.
Quiz Application
A multiple-choice quiz with scoring, feedback and a results screen.
Expense Tracker
Track income and expenses with categories and a running balance using reduce().
Weather Dashboard
Fetch weather data from a public API with loading and error states.
Intermediate projects
8 projectsStudent Management System
CRUD for students and courses with ASP.NET Core MVC, EF Core and SQL Server.
Employee Management System
React front end with an ASP.NET Core Web API back end for managing employees and departments.
Product Catalog
A filterable, searchable product catalogue in React with URL-driven filters.
Inventory Management System
Track stock levels, suppliers and reorder alerts with Node.js, Express and MySQL.
Authentication System
Registration, login, logout and protected routes with hashed passwords and httpOnly JWT cookies.
Blog Application
A blog with posts, tags and comments using ASP.NET Core MVC and EF Core.
E-Commerce Product Listing
Category pages, product cards and a cart drawer with React Context.
REST API CRUD Application
A complete Node.js + Express + MySQL REST API with validation, pagination and error handling.
Advanced projects
8 projectsFull-Stack E-Commerce Application
Catalogue, cart, checkout, orders and admin with React and ASP.NET Core Web API.
Student Learning Management System
Courses, lessons, progress tracking and quizzes — a mini version of this site.
Job Portal
Employers post jobs, candidates apply with résumés, with search and role-based dashboards.
Appointment Booking Platform
Availability calendars, booking with conflict prevention and reminders with Blazor.
Multi-Role Admin Dashboard
Role-based dashboards with charts and audit logs in Angular with an ASP.NET Core API.
Real-Time Notification System
Push live notifications to browsers with SignalR or WebSockets.
Cloud-Deployed REST API
Containerise an API and deploy it to Azure Container Apps or AWS ECS with managed secrets.
CI/CD Automated Deployment Project
A GitHub Actions pipeline that tests, builds a Docker image and deploys on every merge.