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

Adopt a Pet!

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

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

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

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

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

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

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

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

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.

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 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

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, 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

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

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.

Pixel Smile

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? $scope holds the "state" of your app and is a crucial part of any AngularJS app.

Pizza Planet

Use web modules to query data from a pizza parlor, and display the resulting information on the frontend.

Pulling Data: Pizza Presenter

In this project, you'll use knowledge of Express.js to build a small JSON API to serve up famous and interesting quotes about computers, technology, and programming.

Quote API

Use TDD to develop a feature test for a quote keeper.

Quote Keeper

Use TDD to develop the model layer for a quote keeper app.

Quote Keeper: Model Layer

Use TDD to develop a server level test for a quote keeper.

Quote Keeper: Server Layer

Design the logic for an app that will give runners information on race day! 

Race Day

In this project, we're going to practice working with multiple components in React so you can hone your skills and feel confident taking them to the real world.
Why? It's important to understand the relationship between parent and child components and how they can interact.

Random Color Picker

Practice creating React components by working on the first part of Ravenous, a React app to search for restaurants using the Yelp API.

Ravenous Part 1: Creating Project & Components

Practice passing information between components by working on the second part of Ravenous, a React app to search for restaurants using the Yelp API.

Ravenous Part 2: Passing Information

Practice using React hooks by working on the third part of Ravenous, a React app to search for restaurants using the Yelp API.

Ravenous Part 3: Setting the Search Bar's State

Practice creating HTTP requests to interact with the Yelp API by working on the last part of Ravenous, a React app to search for restaurants using the Yelp API.

Ravenous Part 4: Interacting with the Yelp API

Reader

Build a news reader app using the concepts you learned in the middleware and managing promise lifecycle states lessons.


Redux News Reader

Apply the core concepts of Redux to make a text-based adventure game.

Redux Road

Let’s come back to the restaurant recommender. The restaurant managers gave feedback on the app that they were looking for additional functionality to filter orders so they can highlight their specials on the app.

We’re going to build on top of the previous project to filter orders instead of restaurants. The restaurant managers want to highlight dishes in a particular price range and show the cost of each dish. The program will use array methods, functions, and practice good code hygiene and organization. Let’s work on it step by step and enjoy some chicken and waffles at the end!


Restaurant Orders

In this TypeScript project, you'll fix several bugs using the errors surfaced by TypeScript and add a new feature to the program. Hungry customers will be nomming in no time. 

Restaurant Recommender

Secure an Express application from Cross-Site Scripting (XSS) Attacks!

Restreview: Preventing Cross Site Scripting (XSS) Attacks

Practice creating an HTTP server using Node.js to create a Rock-Paper-Scissors game on the web!

Rock-Paper-Scissors

In this project, we're going to practice conditionals in JavaScript so you can hone your skills and feel confident taking them to the real world. Why? Given a certain input you want to return a certain output. If this than that.

Rock, Paper, or Scissors

In this project, we're going to practice using describe, it, and assert in Mocha so you can hone your skills and feel confident taking them to the real world.
Why? Practicing how to use describe, it and assert will allow you to create tests that will make your webpages bulletproof.

Rooster Regulation

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 gain confidence in extending classes to their subclasses, then linking their shared methods and properties.

School Catalogue

In this project, we're going to practice array methods in JavaScript so you can hone your skills and feel confident taking them to the real world.
Why? You'll be able to put into practice some of the JavaScript array methods you've learned in this lesson. Your goal is to be able to successfully retrieve and manipulate the data in your array.

Secret Message

Apply what you learned about Postgres security and environment variables!

Securing School Data: Data Security

In this project, you'll use TypeScript object types to program a self-driving car that can safely avoid obstacles.

Practice projects in JavaScript

Solidify concepts with guided practice.

Adopt a Pet!

Animal Fun Facts

Arrays: RGB Generator

Authorization Form

Black Lives Matter

Bolt Network 1

Bolt Network 2

Bouncing Balls

Bug Invaders

Resources

Support

Resources

Support

Plans

Community

Subjects

Languages

Career building

Mobile

Mobile