Skip to main content

Project setup

📖 Lesson content

Working with Claude Code is more interesting if you have a project to work with.

I've put together a small project to explore with Claude Code. It is the same UI generation app shown in a previous video. Note: you don't have to run this project. You can always follow along with the remainder of the course with your own code base if you wish!

Setup

This project requires a small amount of setup:

  1. Ensure you have Node JS installed locally. Link to installation directions.
  2. Download the zip file called uigen.zip attached to this lecture and extract it
  3. In the project directory, run npm run setup to install dependencies and set up a local SQLite database
  4. Optional: this project uses Claude through the Anthropic API to generate UI components. If you want to fully test out the app, you will need to provide an API key to access the Anthropic API. This is optional. If no API key is provided, the app will still generate some static fake code. Here's how you can set the api key:
    1. Get an Anthropic API key at https://console.anthropic.com/
    2. Place your API key in the .env file.
  5. Start the project by running npm run dev

Summary

Downloads

🔁 Related lessons

📚 Source & attribution

Was this lesson helpful?

Feedback / ReportSpotted an issue or have an improvement idea?