Setting up MongoDB Compass

MongoDB Compass is a great GUI tool for inspecting and interacting with the data in your MongoDB database. It's free, and easy to set up. 1) »


Write a function that returns an array containing the numbers from 1 to 100. However, if the number is divisible by 3 it should be replaced »

React Router Nested Routes

Nested Routes A common paradigm when creating web applications is to have a "list page" and a "detail page". Consider a product search on Amazon. The »

Array Shuffler

Write a function that takes an array as a parameter and returns a new array with the contents randomly "shuffled". Example shuffle([1,2,3,4, »

DJ React

You are a DJ, and are learning to code. All DJ's love buttons that turn squares different colors. Requirements: Your DJ color board will use smaller »

Mom's Shopping List in React

Your mom is frustrated by her propensity to lose slips of paper with writing on them, specifically her shopping lists. She knows that you're a really »

Token Auth with JWTs Part 2.2

This is part 2 of a multi-part series on setting up user authentication in a MERN-stack application using JSON Web Tokens. If you haven't been following »

Image Grid Exercise

IMAGE GRID For this next part, I will post all the code, but don't feel like you have to write out the code yourself, especially because »

CSS Grid Practice

Remake these images using CSS Grid. Feel free to use more pleasant colors. Don't use grid-template-areas for your layout on numbers 1-3. 1. Hint: Think ahead »

Constructors to Classes

Convert the following constructor functions to use the ES6 class syntax. 1. function Clown(name, shoeSize, isScary) { = name; this.shoeSize = shoeSize; this.isScary = isScary; »

CSS Grid

This will give you a brief rundown of the main functionality presented with CSS Grid and hopefully a simple explanation of how to implement it yourself. »

Loops and Arrays Practice

#1 Loop through the following array and count how many "computers" there are. Log the final count: var officeItems = ["stapler", "monitor", "computer", "desk", "lamp", "computer", "lamp" »

Hoisting With Functions

Introduction In JavaScript, there are two different ways of defining a function. The first is function declaration and the second is function expressions. Function declaration is »

No way a

Make a function that takes a string and returns that string with all instances of the letter 'a' removed. Must handle lowercase and uppercase letters. let »

HTML Forms Part 2

Part 2 is the fun part. We get to explore all the cushy things our browser has built for us, and all we have to do »

HTML Forms Part 1

Basic tags and attributes Tags The HTML <form> element defines a form that is used to collect user input: <form> </-- »