Add client-side routing to a pet adoption website using the concepts you learned in the React Router lesson.

Adopt a Pet!

Practice facilitating component interactions in Angular by creating a Budget Tracker application where users can track personal expenses.


Angular Component Interaction Lab: Budget Tracker

Practice Angular data binding, directives, and pipes by creating a Day Planner application where users can log tasks to complete.


Angular Data Binding and Directives Lab: Day Planner

Practice Angular template-driven and reactive forms by creating a Travel Booking application where users can plan their next holiday.

Angular Forms Lab: Travel Booking

Practice introductory Angular concepts by building a personal portfolio website for a developer, showing off their profile and projects.

Angular Introduction Lab: Angular Developer Portfolio

Practice handling routes and navigation in Angular by creating a blog website.

Angular Routing and Navigation Lab: Blog

Practice Angular services and dependency injection by creating a Notes Diary application where users can create, manage, and delete notes.

Angular Services and Dependency Injection Lab: Note-Taking

Practice creating a social media feed with reactive elements using Angular Signals.

Angular Signals Lab: Syntax Social

Using a variety of JSX concepts, build an interactive interface that will display a selection of animal images and allow users to click an image for a fun fact.

Animal Fun Facts

Use the power of arrays to store information about color and create an RGB color generator. 

Arrays: RGB Generator

Practice creating React components by building a simple authorization layer for a contact page.

Authorization Form

Create a perceptual art in honor of the Black Lives Matter movement.

Black Lives Matter

In this project, you'll create a movie review board using a controller and a view.

Bolt Network 1

In this project, you'll add custom directives to your movie review board.

Bolt Network 2

Let's create an animation overflowing with colorful bouncing balls! 

Bouncing Balls

Re-create an arcade classic: Space Invaders, in the form of Bug Invaders using Phaser.js!

Bug Invaders

In this project, we're going to practice Classes in JavaScript so you can hone your skills and feel confident taking them to the real world.
Why? You'll practice utilizing the power of object-oriented programming and implement non repetitive code with concepts like inheritance.

Build a Library

Use real data from the Reddit API and display it using React and Redux.

​​Build Your Own Reddit App

Test and fix Cake Bar's new pick up feature

Cake O'Clock

In this project, we're going to practice routing in AngularJS so you can hone your skills and feel confident taking them to the real world.
Why? The ngRoute module allows us to navigate around our webpage without dealing with page reloading.

Calendar

External project focused on building the backend for a platform that will allow users to participate in photo caption contests.

Caption Contest

Keep track of contacts and appointments with React.

Challenge Project: Appointment Planner

Use your knowledge of arrays and loops to create functions that will validate credit card numbers. 

Challenge Project: Credit Card Checker

In this Challenge Project, you'll build an interactive command line game in JavaScript utilizing classes and user input.

Challenge Project: Find Your Hat

Build a flashcard app with React and Redux.

Challenge Project: Flashcards

Use your knowledge of objects to create models of deep-sea organisms for scientists to study. 

Challenge Project: Mysterious Organism

Create JavaScript functions to power a human vs. computer guessing game and watch how your functions interact with HTML.

Challenge Project: Number Guesser

In this project, we’re going to practice building an interactive webpage in HTML, CSS, and JavaScript so you can hone your skills and feel confident taking them to the real world.   Why? These three languages are the backbone of all web development.

Chore Door

Create a bar chart using DOM elements and styling them based on the data bound to each.

Climate Change Burden of Disease Visualization

Practice Next.js optimization techniques for a blog where users can read and download articles.

Codecademy <Dev> Blog

Build a program that mimics Codecademy's online store.

Codecademy Store

This project will test your skills at preventing Cross-Site Request Forgery (CSRF) attacks in Node.js.

Codey's Confectionery: Preventing Cross-Site Request Forgery (CSRF) Attacks

Practice using prepared statements and form validation to prevent SQL injection attacks. 

Codey's Confectionery: Preventing SQL Injection Attacks

Create a game that includes scene transitions, animations, and tweens! 

Codey's Counting Conundrum

Practice Next.js routing by creating a forum webpage where users can navigate to pages for user profiles, topics, and comments.

CodeyOverflow Forum

Put your knowledge of conditionals to use in developing a website.

Conditionals: The Great Outdoors

We will build an app to demonstrate how to use a variety of advanced React techniques, including inline styles, separating container and presentational components, proptypes, and forms.

Copycat

We will test the CopyCat app by using the React Testing Library to mimic user interactions. Learners will have the opportunity to practice React Testing Library concepts such as querying for DOM nodes, jest-dom matchers and testing asynchronous interactions.

CopyCat Testing

Program an action-adventure fantasy story using Phaser.js.

Create a Fantasy Adventure Game

Create a React application that allows users to search a music library, create a custom playlist, and save it to their account.

Create a Playlist App With the Spotify API (Part One)

Program a React app that lets users create custom Spotify playlists.

Make a full-stack e-commerce app that lets users register accounts, browse products, and make purchases.

Create an E-Commerce App (Part One)

Create an E-Commerce App (Part Two)

Create an app of your own choosing that uses your knowledge of Node, Express, and all the other back-end technologies you've learned in the Back-End Engineer Career Path. 

Create Your Own Back-End Application

Create an app of your own choosing that uses your knowledge of React, Redux, and all the other front-end technologies you’ve learned in the Front-End Engineer Career Path.



Create Your Own Front-End App with React/Redux

In this project, we're going to practice organization in CSS so you can hone your skills and feel confident taking them to the real world.
Why? You'll need to get comfortable with defining columns and rows and controlling the elements within them in order to build beautiful websites.

CSS Grid: Task Board

In Codestrips, you'll build a back-end to support a small comic strip creation app. Using Express.js and Node-SQLite, create a new database, build the proper table, and create GET and POST routes to provide access to and the ability to create new comic strips.

Cumulative Project: Codestrips

Practice testing with Jest for Currency Comparison, an application that helps users compare their hourly salaries with other currencies.

Currency Comparison

Working with generic classes, functions, and interfaces in TypeScript to type check code that converts currencies between wallets.

Currency Conversions

Use collections, datasets, and dynamic pages to display and collect information on a blog.

Datasets: National Parks Adventures

In this project, we're going to practice variables and strings in JavaScript so you can hone your skills and feel confident taking them to the real world.
Why? These concepts will help you use your data to output information to your users.

Dog Years

In this project, you'll implement authentication in an Express application using `express-sessions`, `passport-local`, and `bcrypt.js`.

Dognation: Password Authentication

Use event listeners to add additional functionality and interactivity to a Wix site


Event Listeners and Selectors: See the Sale

Refactor a budgeting and expense tracking app to use the Redux Toolkit.

Expense Tracker

In this project, we're going to practice setup, exercise, and verify in Mocha so you can hone your skills and feel confident taking them to the real world.
Why? You'll learn three steps to guide you in writing perfect tests.

Factorial Feature

In project, we're going to practice event handlers in jQuery so you can hone your skills and feel confident taking them to the real world.
Why? Event handlers help to provide a natural feedback for the user when they interact with your page.

Feedster

In this project, we're going to practice directives in AngularJS so you can hone your skills and feel confident taking them to the real world.
Why? Directives tell AngularJS's HTML compiler to attach a specified behavior to that DOM element, or even to transform the DOM element and its children.

Use your knowledge of full-stack web development to build your dream project using the PERN stack!

Final PERN App

Build a Flower of Life geometrical figure in a 3D virtual environment using the `<a-circle>` primitive.

Flower of Life

Use your knowledge of HTML forms to collect input users and put a spin on a classic story! 

Form a Story

Utilize all that you've learned towards building a fully-fledged Wix travel recommendations website.

Fullstack Dev: Travel Time

Use jQuery to toggle menus and submenus. 

Gameboard

In this project, you'll create a custom directive that displays the score of a game.

Let's build a tool that generates visualizations using keyboard interactions with p5.js.



Generative Art Creator

Practice using JavaScript iterator methods on arrays to hone your skills and feel confident taking them to the real world. 

Grammar Checker

Use WebSockets to help create this fast-paced multiplayer game of hot potato!

Hot Potato

Create an inspirational homepage where you can check the weather, read an inspirational quote, view a pretty image, and write down your goals for the day.

Inspirational Homepage

Create a Nam June Paik-inspired interactive video sculpture using p5.js!

Interactive Video Sculpture

In this project, you'll use the knowledge you gained from the color theory lesson and apply colors to a website.

Journey Around the World

In this project, we're going to practice variables and printing to the console in JavaScript so you can hone your skills and feel confident taking them to the real world.
Why? You've got to master the basics. Get comfortable with these fundamentals.

Kelvin Weather

Put your Phaser knowledge to good use by adding in beautiful effects into an infinite jumper game!

Learn Phaser: Codey Jump

Put all of your JavaScript skills to the test implementing functionality inspired by lodash.js.

Lodash

In this project, we're going to practice mouse actions in jQuery so you can hone your skills and feel confident taking them to the real world.
Why? The easiest way to get a hang of jQuery events and actions is to start with events triggered by your mouse.

Madison Square Market

Build a virtual Magic Eight Ball using control flow in JavaScript. You’ll practice building decision-making into your programs and gain confidence in writing more robust JavaScript code.

Magic Eight Ball

Create a signup system for Woofstagram (aka Instagram for dogs) using React Native.

Make an Instagram App (Part One)

Set up a navigational structure for Woofstagram (aka Instagram for dogs) using React Native.

Make an Instagram App (Part Three)

Add visual and structural components to the home screen of Woofstagram (aka Instagram for dogs) using React Native.

Make an Instagram App (Part Two)

Take a Wix template and transform it - let your creativity shine through in your own résumé website!   


Making a Résumé Site with the Wix Editor

A one player matching game that reinforces the terms you learned in the `react-redux` lesson.

Matching Memory

Practice using getters and setters in JavaScript to hone your skills and feel confident taking them to the real world.

Meal Maker

It's time to build fluency in JavaScript Modules. In this project, we're going to practice creating a modular program in a Node.js environment so you can hone your skills and feel confident taking them to the real world.

Why? You don't want to copy and paste your functions from file to file. Learn to reuse them by exporting and importing.
What's next? A mixer, creating goofy sentences, and more JavaScript. You got this! 

Message Mixer

Build a Node.js console app that generates random messages each time a user runs the program and version your project with Git/GitHub.

Mixed Messages

Practice functions by building a whack-a-mole style Phaser game with animations and more!

Mole Unearther

In this project, we're going to practice $scope in AngularJS so you can hone your skills and feel confident taking them to the real world.
Why? Practicing using $scope will help you build AngularJS apps more efficiently.

MOVE Log

You will build a musical instrument store using HTML, CSS, JavaScript, and Handlebars.

Musicon

In this project we will use type narrowing to identify minerals found in space.

Narrow Space Mining

In this project, you'll build a location-based service using a third-party custom directive.

NearMe 1

In this project, you'll fetch data from the Wikipedia API and display it in your map.

NearMe 2

In this project, you'll map URLs to different views in your app using routing.

NearMe 3

Represent recipes as objects and create a filter to display only the ones you want to see. 

Objects: Recipe Sieve

Create an AI-powered recipe creation application using JavaScript and the OpenAI API. Customize the recipe to offer personalized cooking suggestions based on user preferences, dietary restrictions, and ingredient availability. 

OpenAI JavaScript API: Recipe Blog 

In this project, you'll build an email app.

Outbox 1

In this project, you'll add to your email app by mapping URLs to views.

Outbox 2

In this project, you’ll use TypeScript type guards to help combine two Park Service volunteer logs to create a list of this season's top volunteers.



Park Service Volunteer Appreciation Program

Practice using React Hooks to build a place for your wandering thoughts.

Passing Thoughts

Use your knowledge of TypeScript class types to create an object-oriented program for generating passwords.

Password Generator

External portfolio project using Node and Express to build an API and implement CRUD operations.

Personal Budget 

Add a PostgreSQL database to persist the data used in the Node/Express app: Personal Budget, Part I project.

Personal Budget, Part II

In this project, we’re going to practice building interactivity with JavaScript. Why? You will have the opportunity to build an interactive web page with events like you would in the real-world. What’s next?

Piano Keys

Use your knowledge of types and functions to create a program that prints out pixel art.

Projects in JavaScript

All projects in JavaScript

Adopt a Pet!

Angular Component Interaction Lab: Budget Tracker

Angular Data Binding and Directives Lab: Day Planner

Angular Forms Lab: Travel Booking

Angular Introduction Lab: Angular Developer Portfolio

Angular Routing and Navigation Lab: Blog

Angular Services and Dependency Injection Lab: Note-Taking

Angular Signals Lab: Syntax Social

Animal Fun Facts

Resources

Support

Resources

Support

Plans

Community

Subjects

Languages

Career building

Mobile

Mobile