React Router

What is a SPA? React Router is an excellent tool we can use to help us easily turn our React applications into Single Page Applications (SPAs) »

Random Color Component

Create a component that uses axios to GET a random color from the random color API and sets that component's background color to that random color. »

Name Entry

Build a simple react app with an input box, an <h1>, a button, and an ordered list. The user will type names into the »

Flatten Array

Given an array of indeterminate depth (dimensions), return a flattened version of the original array. function flatten(arr) { } let arr = [1, 2, [3]] flatten(arr) // returns »

Superhero Events

Build a React app that displays a list of superheroes with their name and image. When any part of the superhero component (name or image) is »

Array Reduce Exercises

Use the built-in .reduce() method on arrays to solve all of these problems 1) Turn an array of numbers into a total of all the numbers »

DJ JS 2.0

We'll be beefing up our original DJ JS. (You'll still need to make this from scratch). This time around, we won't be focusing on javascript event »

Computer Setup for V-School

Download the native Slack app Don't just use the web app. The native app handles notifications much better than the web app. Download here Download a »

Mapping Components in React

We've already covered the hardcoding of components in React, when you already know exactly what you want to show up on the screen. However, React isn't »

React State

Why state? Up until now, we've been able to create simple, static (unchanging) UI (User Interface - what the user actually sees) components (those that just »

Double Sum

Warm-Up Write a function that returns the sum of two integers or if they are the same, returns double their sum. doubleSum(1,4); //returns 5 »

Escape Room

Write a game that lets a user escape a room. The character finds him/herself locked in a room. In order to escape the room, your »

CSS Flags

Build the following flags in pure HTML and CSS, no images allowed. France Germany Madagascar Switzerland Sweden Gambia Tonga Japan Greece Niger Maldives Belize (just kidding) »

Absolutely Nordic

To practice CSS positioning, create a site that displays the flags of Sweden, Finland, Switzerland, and Norway, created completely from HTML and CSS (no images allowed) »

Mongoose Schema Practice

Create a new server from scratch and make a new mongoose schema of any kind that includes at least 5 properties. Make a model from the »