Track
Learn the essential technologies for web development—HTML, CSS, JavaScript, React, and Node.js. Build interactive, responsive websites from scratch, and progress to developing full-stack web applications with modern frameworks.
Start here
Create a stunning, fully responsive personal portfolio website to showcase your projects. The key feature is a light/dark theme switcher. This project emphasizes clean design, modern CSS, and fundamental JavaScript DOM manipulation.
Sign in to track progress
Basic
4 projectsCreate a stunning, fully responsive personal portfolio website to showcase your projects. The key feature is a light/dark theme switcher. This project emphasizes clean design, modern CSS, and fundamental JavaScript DOM manipulation.
Web Development80 Tasksbasic554Build a clean, user-friendly dashboard that displays the current weather and a 5-day forecast for a city searched by the user. The application will fetch real-time data from a third-party weather API.
Web Development75 Tasksbasic138Build a simple web application that calculates the appropriate tip and total bill amount based on user input (bill amount, tip percentage, number of people). Use JavaScript for the calculations and dynamic updates.
Web Development99 Tasksbasic117Create a visually appealing static website showcasing a collection of recipes. Focus on semantic HTML structure and modern CSS for layout (Flexbox/Grid) and styling. Include pages for different recipe categories and individual recipe details.
Web Development74 Tasksbasic72Intermediate
5 projectsA full-stack MERN (MongoDB, Express, React, Node.js) application that allows authenticated users to create, edit, and delete notes written in Markdown. The app should feature a split-screen view with a live preview that renders the Markdown as HTML as the user types.
Web Development76 Tasksintermediate2Create a frontend application that aggregates job postings from one or more public APIs (e.g., GitHub Jobs API, Adzuna). The platform should allow users to search for jobs and apply complex filters like location, job type (full-time, part-time), and technologies. A 'favorites' feature will persist user selections.
Web Development103 Tasksintermediate2Develop a React application that allows users to browse movies fetched from a public API (like The Movie Database - TMDB). Implement features like searching for movies, viewing movie details, and filtering by genre.
Web Development128 Tasksintermediate1Create a full-stack application where users can input a long URL and receive a shortened version. The application should redirect users to the original URL when they visit the shortened link. Use Node.js for the backend and React for the frontend.
Web Development123 TasksintermediateBuild a web application that presents users with multiple-choice questions on a chosen topic. The app should track the user's score and provide feedback at the end. Use React for the frontend.
Web Development120 Tasksintermediate3Advanced
6 projectsA full-stack application similar to Medium or Substack where writers can publish articles, and readers can subscribe for premium content. This project involves user roles, content management, and payment gateway integration.
Web Development101 TasksadvancedBuild a Progressive Web App (PWA) that allows users to log their workouts (exercises, sets, reps, weight) and track their progress over time with charts. Add a social component where users can follow friends and see their workout activities in a feed.
Web Development95 TasksadvancedA full-stack application inspired by Kickstarter. Users can create fundraising campaigns for their projects, setting a financial goal and a deadline. Other users can browse campaigns and pledge money. The platform will track funding progress and handle campaign statuses.
Web Development95 TasksadvancedDevelop a full-stack application allowing users (clients) to book appointments with service providers (e.g., hairdressers, consultants). Providers should have a dashboard to manage their availability and view bookings. Requires user authentication.
Web Development144 Tasksadvanced2Build a platform similar to Reddit or Stack Overflow where users can create posts, comment on posts, and upvote/downvote content. Includes user accounts and categorization/tagging of posts.
Web Development179 TasksadvancedCreate a complex frontend application mimicking a music streaming service like Spotify or Apple Music. Focus on building a rich user interface with features like browsing playlists, viewing albums/artists, a persistent music player, and managing a 'liked songs' list. Use dummy data or a public API if available.
Web Development92 Tasksadvanced1Expert
4 projectsDesign and build a highly scalable and resilient backend for a hotel booking system using a microservices and event-driven architecture. This project focuses purely on the backend, simulating communication between services like Rooms, Bookings, Payments, and Notifications.
Web Development71 TasksexpertCreate a peer-to-peer (P2P) video and audio chat application that runs entirely in the browser. The application will use WebRTC for direct media connections between users and will include advanced features like screen sharing.
Web Development87 Tasksexpert4Design and build the backend for a food delivery application using a microservices architecture. Create separate services for Users, Restaurants, Orders, and potentially Payments/Notifications. Focus on inter-service communication and deployment.
Web Development127 Tasksexpert4Develop a web application allowing multiple users to edit the same code file simultaneously, seeing each other's changes in real-time. Similar to Google Docs but for code.
Web Development143 Tasksexpert6
