CodingNic

Project Introduction & Setup

Open the Course Starter

Project Introduction & Setup 10 min read

Open the Course Starter

Download the Starter

Download the ledger course starter from GitHub

Start with the starter project included with this course. Open the extracted project folder in your code editor.

The starter is intentionally more than an empty React app. It already contains the Ledger interface, the folders we will work in, sample data, and the basic client/server scaffolding. That lets us focus on making the existing project work step by step.

At the project root, you should see this high-level structure:

text
client/
server/
package.json
README.md

Here is what each part is for:

  • client/ contains the browser application built with React and Vite.
  • server/ contains the Express API and the local JSON data used by the application.
  • package.json at the root contains commands that operate on both sides together.
  • README.md explains how the supplied project is intended to run.

For now, do not start changing files. We want the starter to give us a known baseline before we run it.

Test it

Open the project root in your editor and confirm that you can see client, server, and the root package.json.

Checkpoint

The starter is open, and you can identify which folder contains the browser code and which folder contains the server code.