• Understand the basic structure of a web application, including the roles of the frontend, backend, and data storage.
• Plan a simple software application by identifying user requirements, designing screens, and mapping out data and workflows.
• Write effective natural language prompts to generate, modify, and explain code using the Cursor AI IDE.
• Build a functional web application with the support of AI, including creating user interfaces, backend logic, and data handling.
• Troubleshoot and improve applications by using Cursor to debug errors and refine features step-by-step.
• Gain confidence in using AI coding tools to experiment, prototype, and automate solutions in their day-to-day work—without needing to become a programmer.

Day 1

• Welcome & Introduction
  • Overview of goals, schedule, and learning outcomes. Brief intro to Cursor IDE and AI coding. 
• What is a Web Application?
  • Concepts: frontend, backend, database. Visual walkthrough of how apps work together.
• Real-World App Walkthrough
  • Show a live example (e.g., task manager app). Discuss what users see, how data flows.
• Planning Your App (Workshop)
  • Teams plan a simple app (e.g., Booking App): define users, screens, features, data model. 
• Getting Started with Cursor IDE
  • Orientation: installing, exploring the interface, working with AI inside the editor. 
• Prompting Basics (with Frontend Focus)
  • Write and refine prompts to create a homepage UI (HTML + Tailwind CSS). Modify styles/layouts. 
• Mini Project: Build a Booking Form UI
  • Hands-on: build a simple form (select room, date/time, submit). Get live help. 
• AI as a Code Partner: Explaining & Modifying
  • Use Cursor to explain code, rename variables, tweak logic. Discuss AI as a collaborator. 
• Reflection & Q&A
  • Group discussion on what was learned and felt easy/challenging. Prep for backend work tomorrow. 

Day 2

• Day 1 Recap & Setup
  • Quick review, open projects, answer any blockers. 
• Prompting the Backend (Express + API Routes)
  • Generate backend server with GET/POST routes. Learn what routes do and how AI writes them. 
• Data Handling: Saving to JSON File
  • Use Cursor to write logic that stores form data in JSON. Explain data structure. 
• Frontend + Backend Integration (fetch/axios)
  • Connect form to backend via fetch API. Test real-time interaction. 
• Debugging & Error Handling with AI
  • Cause intentional bugs, learn how to ask Cursor to debug, fix routes, and handle bad input. 
• Prompting Basics (with Frontend Focus)
  • Write and refine prompts to create a homepage UI (HTML + Tailwind CSS). Modify styles/layouts. 
• Final Project Build (Solo or Pairs)
  • Each participant/team builds their own version of the app (e.g., Booking, Journal, Task App). 
• Showcase & Presentations
  • Each group presents what they built, how they prompted AI, and what they learned. 
• Wrap-Up: What's Next
  • Discuss how to continue practicing, applying this at work, using GitHub, and building MVPs. 
• Feedback & Certificates 
  • Collect feedback, issue completion certificates, and thank participants