Vibe Coding – Create your own web app

This 3-day workshop teaches developers to leverage AI for critical early-stage decisions in application development. Participants learn to use AI as a strategic advisor for architecture, data modeling, UX/UI design, and technology selection while maintaining critical thinking throughout the process. The course emphasizes creating prototypes with solid foundations that facilitate smooth transitions to production environments. Through live ideation sessions, developers discover how Vibe Coding transforms traditional development paradigms by enabling real-time collaboration with end users during initial development phases.

1. AI-Assisted strategic planning

• Understanding what makes a website work
• Application architecture design with AI guidance and critical evaluation
• Data model creation using AI recommendations and validation techniques
• Technology stack selection through comparative AI analysis

2. Frontend development with AI support

• Component structure and state management using AI assistance
• Interface implementation with AI-generated code refinement
• Basic UX/UI principles integration through AI guidance

3. Backend development integration

• API design and implementation with AI support
• Database integration and optimization strategies
• Authentication and security implementation patterns

4. Live development and technical validation

• Real-time prototyping with stakeholder feedback integration
• Code quality assessment and technical debt prevention
• Documentation generation and maintenance strategies
• Critical evaluation of AI suggestions throughout development

• Design application architectures with AI strategic guidance while maintaining critical oversight
• Create data models optimized for future scalability using AI recommendations
• Develop frontend and backend components through AI-assisted workflows Implement live development workflows with real-time stakeholder collaboration
• Evaluate and refine AI suggestions for technical and design decisions
• Build prototypes structured for smooth production transition

Collaborative prototype development with role-based workshops:

• AI exploration: simultaneous code generation across multiple platforms
• Strategic design sessions: AI-guided architecture and planning workshops
• Live development workshops: real-time coding with user feedback integration through role-playing scenarios (developer/user groups)
• Technical review: AI-assisted code quality and scalability assessment

Participants work in structured groups recreating real-world situations with assigned roles (end users, developers, stakeholders). Interactive ideation workshops focus on live application development from the initial concept phase, combining AI consultation with human critical analysis throughout the development process.