Practice and develop your coding skills by building real live interactive autograded projects with solutions and video tutorials
Python
csv
The Command Line
beginner
Create a command-line TODO list app where users can add, delete, save, and load tasks. Manage tasks efficiently with CSV file storage. Simple interface with Python functions for task management.
Start projectHTML and CSS
hard
Use your CSS knowledge to draw Goku using Position and Display properties.
Start projectPython
json
Flask
intermediate
Develop and API that integrates with Twilio.com to recreate a Queue Managment System similar to
Start projectConditions
conditional-rendering
beginner
Practice Dynamic Conditions with JavaScript: Build a profile card that updates dynamically based on runtime variables like username, avatar, background, and more. Strengthen your coding skills by mastering condition-based rendering in this hands-on project. Perfect for improving dynamic HTML generation.
Start projectJavascript
context.api
React.js
intermediate
Build a contact management app using React.js, React Router, and Context API. This project lets users create, read, update, and delete contacts. Fetch data from an API and manage state using Context. Implement CRUD operations and enhance UX with modals for deletion confirmation.
Start projectJavascript
Python
Flask
beginner
Almost every website in the world has user authentication, in this project you have to implement user authentication using the Python Flask framework for building a backend REST API and React.js and sessionStorage API for the front end web application.
Start projecthttp
HTTP
Python
beginner
Connect with an API, retrieve the data and save it into a python pandas dataframe for easier manipulation and into a SQL database.
Start projectData Structures
Serialization
Python
beginner
Build a family management API with Flask, focusing on creating efficient data structures to handle and manipulate family member information. In this project, you'll learn how to develop dynamic RESTful API endpoints, manage in-memory data, and handle JSON responses. Gain hands-on experience in Flask, data management, and API design
Start projectREST
Django
Python
intermediate
Using the Flask o Django library in Python, create an API that supports: Creating, Updating, Reading and Deleting contacts.
Start projectREST
Python
The Command Line
beginner
Create a Todo list API Interactively using Python language and the Flask Framework. This tutorial covers technologies such as Python, terminal, command-line, APIs, and REST. The objective is to teach you how to build a functional API from scratch. By the end of this tutorial, you will have learned how to set up a Flask project, create endpoints, handle requests and responses, and manage data with a database.
Start projectPython
The Command Line
Arrays
beginner
Building a Compression Algorithm using Python and Emojis
Start projectJavascript
The DOM
HTML and CSS
beginner
Build a Random Poker Card Generator: Use your CSS, HTML, and JS skills to create a website that shows a random poker card every time it refreshes. Generate a card with a random suit (Hearts, Spades, Clubs, Diamonds) and value (2–10, King, Queen, Jack, Ace). Enhance with extra features like timers or buttons!
Start projectJavascript
React.js
beginner
Build an interactive traffic light simulator using React.js and hooks! This project teaches you how to manage component state with useState, updating the UI dynamically when clicking on different lights.
Start projectJavascript
HTML and CSS
intermediate
Replicate a professional real-life landing page using bootstrap
Start projectHTTP
Python
The Command Line
easy
Conect to the UrbanDictionary.com API to create an app that can be used from the terminal to retrieve meanings of words
Start projectBootstrap
HTML and CSS
React.js
easy
Create a fully responsive landing page using React.js function components. Improve your frontend skills by structuring reusable Bootstrap elements like <Navbar />, <Jumbotron />, and <Card />. Learn to manage dynamic content with props, follow best coding practices, and optimize performance for a seamless user experience.
Start projectJavascript
React.js
intermediate
Build a Star Wars reading app with React.js, React Router, and Context API. Learn API integration with SWAPI, state management, and routing. Implement a 'Read Later' feature to save favorites. Master asynchronous requests and global state handling for an optimized user experience. Perfect for React developers!
Start projectpostgre
Back End
Data Science
beginner
Create a SQL database using the PostgreSQL engine and using a professional python project structure that includes PIP and environment variables.
Start project