Harrison Malone harrisonmalone

This is a chance to implement a full MERN stack app, and get some practice with all the pieces of technology we have used to date.

We are going to base the app around recipes (unless you have a strong feeling about what you’d like to do instead - but note that discussions about the structure of your data and various other elements will be more difficult if you go down this route).
If you are feeling confident, you are welcome to take this project off in any direction that you like, and start building something that you are interested in, as long as you use Node, Express, Mongo/Mongoose, and React.
But if you are keen on some direction, please follow these steps. We can run some review classes on each stage as needed later in the day.
If you don't understand what is going on in any of these steps, please ask. It is important to understand why you are taking these steps as you go. Come to the review classes as necessary.

add authentication to your own countries react apps
protect all views, unless a user has logged in they can't view anything, implement what we did in the lecture
add a register page so users can create accounts
add a logout button on every view (destroy the localstorage token)

Here is a collection of lectures made by Jon from the last cohort.

This will be a pair programming challenge to build a student management web app with sinatra 👌.

The following features need to be implemented for the data structure:

students = [

Create a portfolio sinatra app 🌈.

There needs to be 4 routes:

Full stack javascript project

	import React from 'react';
	import './App.css';
	import Artists from './Artists'

	class App extends React.Component {
	// runs first
	state = {
	artists: []
	}

	const express = require('express');

	const app = new express();

	// middleware
	const firstMiddleware = (req, res, next) => {
	// a return in the middleware
	// go to the next thing in the middleware chain
	console.log('in first middleware')
	next()

	const fs = require('fs');
	const parse = require('csv-parse');

	const cleanData = (data) => {
	data.splice(0, 1);
	const result = {
	rankings: []
	}
	data.forEach((athlete) => {
	let newAthlete = {