Lab 4: Unearthed Part 4 Exemplar

Overview

In the fourth and final iteration of Unearthed, students add support for creating, updating, and deleting gifts via the API.

Project Screenshot

Setup

Dependencies

• Vite
• React
• React DOM
• React Router
• Express
• PostgreSQL
• Nodemon
• CORS

---

Install Dependencies

Before installing dependiencies, you will need node and npm installed globally on your machine by installing NodeJS onto your machine.

To install the dependencies for the client-side, run the following command in the client directory:

npm install

Alternatively, you can install the client-side dependencies individually:

npm install react
npm install react-dom
npm install react-router-dom
npm install vite@latest

To install the dependencies for the client-side, run the following command in the server directory:

npm install

Alternatively, you can install the client-side dependencies individually:

npm install express
npm install nodemon
npm install pg
npm install cors

---

Run UnEarthed Part 4

In the server directory, run the following in your terminal:

npm run start

In the client directory, run the following in your terminal:

npm run dev

Visit the web application in the browser:

http://localhost:5173/