Treehouse FSJS Techdegree

Project 10: Full Stack App with React and a REST API

Author - Hans Steffens: LinkedIn

Project Overview

This project is about a full stack web application that provides an intuitive way for users to administer a school database containing information about courses: users can interact with the database by retrieving a list of courses, viewing detail for a specific course, as well as creating, updating, and deleting courses in the database.

Developed using React, this client interface uses a fictional school database connecting to a REST API I created in a previous project: REST API using Express

Technologies used

HTML, CSS, JavaScript, Node.js, Express, Sequelize, React, JSX, React Router, React Context API, Fetch API and Create React App

🛠 Installation & Set Up

This project is set up in two different folders that both need to run: /api (Back End) and /client(Front End)

1. Install dependencies

   npm install

2. Start the development server

   npm start
   

Note

Additional note for macOS Monterey (or higher) users:
Apple introduced some changes with AirPlay when they launched macOS Monterey. Now, the AirPlay Receiver uses ports 5000 and 7000. You will need to follow these instructions to turn off the AirPlay receiver, to be able to use port 5000 with this project.