Search⌘ K
AI Features

Design the Project Structure

Explore how to collect client requirements and translate them into functional needs for a budget tracker. Learn to design a minimal JavaScript project skeleton using function declarations to organize your code before implementation. This lesson helps you approach project setup methodically and prepares you for building core features.

You’ve been hired to build a small budget tracker in JavaScript. Your client is a busy small-business owner who wants something simple: set income, log expenses, and see a clear monthly report.

We’ll work like a real dev:

  1. Chat with the client to gather needs/specify requirements.

  2. Convert those notes into functional requirements.

  3. Kick off the codebase with a minimal project structure.

Talk to the client

Below is a simulated client. Chat with the client in the widget right below ...