Warm-up cycle…

Before you begin

This project runs Node.js on the server side and React in the browser.

Keywords and patterns like export, reduce, await, tsx, and React Hooks should all feel familiar before you begin.

Clone the starter kit

From a directory of your choosing, open your preferred terminal and clone the starter repository:

git clone https://git.vitrail.dev/starters/warmup-cycle-part-one

Project layout

You’ll build a full-stack app that is (unsurprisingly) made of two halves:

• The back-end service in the api/ directory
• The browser client located in the web/ directory

There’s also a solved/ folder that holds the finished state of the project once you’ve completed the module. Feel free to lean on it as a guide!

Both halves ship with bare-minimum package dependencies. Here’s the file tree:

📦 warmup-cycle-part-one
├ 📁 web
│ ├ 📁 public
│ ├ 📁 src
│ └ 📄 package.json
└ 📁 api
  ├ 📁 src
  └ 📄 package.json