Hands-On Projects
Learn by building. Each project comes with step-by-step guidance and teaches real-world skills.
Personal Portfolio
Build a stunning personal portfolio website to showcase your work, skills, and projects to potential employers and clients. This is the most important project for any developer starting their career.
Free Access
Landing Page
Create a modern, conversion-focused landing page for a product, service, or mobile app. Landing pages are one of the most common web development projects in the real world.
Free Access
Todo App
Build a fully functional todo application that lets users add, complete, edit, and delete tasks. This classic project teaches you all the core JavaScript concepts you need for building interactive web apps.
Free Access
Weather App
Fetch and display live weather data from a public API with a beautiful, responsive interface. This project teaches you how to work with APIs, handle asynchronous JavaScript, and manage loading and error states.
Pro Required
Blog with Next.js
Create a full-featured blog using Next.js App Router with markdown support, dynamic routing, and SEO metadata. This project teaches you modern React framework patterns used in production applications.
Pro Required
Full-Stack CRUD App
Build a complete full-stack application with a PostgreSQL database, authentication, and RESTful API routes. This capstone project brings together everything you have learned about frontend and backend development.
Premium Required