New Projects Monthly

Web Development Beginner Projects

This collection includes a variety of free projects perfect for beginners looking to practice web development skills. Our projects are based on real world web development scenarios, and are designed to help you master the basics and quickly progress to more complex skills. Every project includes Figma files, style guides, and more - everything you need to get started.

Curricular React Projects Co-created with hiring managers and senior devs
Curricular JavaScript Projects Professionally designed, portfolio-ready project materials
Curricular Node Projects Highly vetted reviewers and mentors

Design a One-time Password Feature

</>
practice
intermediate

Put your full stack JavaScript skills to the test creating an application that handles OTP generation, validation, and user authentication.

FAQ Accordion

</>
practice
foundations

Practice essential frontend development skills by building this expandable and collapsable menu component.

Implement an RSVP Feature

</>
practice
foundations

Hone your responsive design and JavaScript or React skills by building an RSVP feature for a practical event management application.

Subtask Creation Workflow for SaaS App

</>
practice
intermediate

Implement an interface for users to add and assign subtasks within a Project Management SaaS application.

Task Assignment Workflow

</>
practice
intermediate

Create a feature that allows users to assign tasks to teammates within a Project Management SaaS.

Create a Dynamic Account Application Form

</>
capstone
advanced

Put your front end development skills to the test building a high-converting, customer-friendly account application form for a financial services firm.

Profile Page for a SaaS App

</>
Practice
foundations

Create an elegant-looking, responsive profile page for a project management software, allowing users to view and update their personal and account information.

SaaS Notifications System

</>
Practice
intermediate

Create a notification system for a project management app that allows users to read, manage, and dismiss notifications they receive.

Responsive Navigation Menu

</>
Practice
beginner

Design and implement a navigation menu that works seamlessly across various screen sizes and devices.

Event Card Component

</>
Practice
beginner

Create a responsive, reusable card layout for an event planning website.

Landing Page for a SaaS App

</>
Practice
novice

Create an elegant-looking, responsive landing page for an applicant tracking system SaaS app.

Responsive Login Form with Validation

</>
Practice
beginner

Design and implement a responsive login component with fields for username and password, and basic form validation.

Start Building Today

Create Free Account