Search⌘ K
AI Features

Design the Project Structure

Explore how to collect and clarify client needs, convert them into functional requirements, and create the foundational project structure for a simple budget tracker in JavaScript. Learn to design small functions and generate a clear code skeleton to start development efficiently.

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 ...