Vibe Coding Academy
    Back to Course
    Week 5
    Live Session

    Your First App with Vibe Coding

    Build a working web app by describing it in plain English

    Estimated time: 8-10 hours
    Semester 1/Phase 2 · Build Without Code/Week 5

    Lesson

    This week turns the validated offer into a small, usable product. You will describe one core workflow, build it with an AI app builder, and publish a version that another person can try.

    What you will be able to do
    • Write a focused product brief
    • Break a workflow into screens and states
    • Use small prompts to build and refine features
    • Publish and test a clickable product

    Start with one valuable workflow

    An MVP should help one type of user complete one important job. List the steps from arrival to a useful result. Features that do not support this path belong in a later version.

    Write a product brief

    Describe the user, problem, core action, expected result, required screens, information to store, visual direction, and what is out of scope. A clear brief reduces random design choices and helps the AI builder make consistent changes.

    Build in small steps

    Ask for the structure first, then one feature at a time. Test after each change. When something fails, report what you expected, what happened, and the exact steps that reproduce the problem. Large prompts make failures harder to isolate.

    Publish safely

    Use test content and avoid personal or confidential data. Check the product on desktop and mobile, test every button, and confirm that errors have helpful messages. A published link is only ready for users after you complete the main workflow yourself.

    Video of the week

    Replit Agent Full Course for Beginners

    Approximately 173,000 views

    Why it fits: Starts with a first app and progresses through websites, trackers, maps and AI assistants using conversational development.

    Recommended use: Assign the setup and “First App” chapters in class; keep the full course as an optional build-along resource.

    Video activity

    Build and publish one simple tool that performs a single useful task.

    The video supports the lesson above — it doesn't replace it.

    Guided activities

    1. 1Write the happy path as six or fewer steps
    2. 2Create a product brief and ask a partner to identify missing decisions
    3. 3Run a simple test script after every major build change
    Prompt you can adapt
    Build the first version of this web app from the product brief below. Begin with the page structure and realistic sample data. Implement only the main user workflow. Before making changes, restate the workflow and list your assumptions. After each step, tell me exactly what to test.

    Week 5 · Case study

    Nursa Study goes from customer request to working product in 48 hours

    Source note: Documented customer story published by Lovable. The build timeline and feedback process are reported by the platform. The student-sized version below is an illustrative exercise, not part of the reported case.

    Schools had repeatedly asked healthcare staffing platform Nursa for a version of its product designed for nursing students and universities. In 2026, Nursa’s VP of Product used Lovable to build Nursa Study over one weekend.

    The first version included a shift scheduler, student and administrator portals, and credential tracking. It was then taken to universities for feedback. When a university identified an accessibility requirement, the team implemented it before the next meeting.

    Student-sized version

    Your first application does not need an entire platform. Build one complete workflow: create a record, view it, change its status, and confirm the result. A student could build a tutoring-session scheduler or volunteer-shift tracker.

    Discussion question

    What is the smallest complete workflow that would make the product testable?

    Respond in your submission →

    Tools & Techniques

    Lovable
    Bolt
    v0
    Replit Agent

    Assignment

    Build and publish the first clickable version of your product. Submit the product brief, live link, a short screen recording of the main workflow, and a list of known limitations.