Skip to content

Parin070/Vibe-Coding-Workshop

Repository files navigation

Welcome to Vibe Coding Workshop

Creative Coding Academy

Presented by LUG BPDC


🚀 Introduction

The Vibe Coding Workshop introduces creative coding powered by AI tools that boost productivity and unlock innovation. The session showcases tools like ChatGPT, Bolt, and v0.dev, empowering developers to build, design, and ideate faster than ever.


🧠 Agenda Overview

  • Introduction to AI-powered creative coding
  • Key AI Coding Tools
  • Enhancing creativity with AI
  • Building engaging apps with AI tools
  • Live demonstrations: ChatGPT, Bolt, and v0.dev
  • Live lab setup & collaboration
  • Showcase of final projects

🧩 Key AI Coding Tools

1. ChatGPT

Enhances coding productivity by generating instant code snippets and providing brainstorming assistance. Helps developers explore ideas quickly and reduce time spent on repetitive tasks.

2. Bolt

A real-time visual app builder that simplifies development with a drag-and-drop interface, making it easy to design dynamic UIs while encouraging creativity and efficiency.

3. v0.dev

Specializes in UI generation and prototyping, helping developers visualize application layouts seamlessly, bridging the gap between design and functionality.

Other Tools

There are multiple other tools that also serve the same purpose, for eg. Claude, Lovable, Cursor, Perplexity etc.


🎨 Enhancing Creativity with AI

Leverage the power of AI to create visually stunning and interactive applications. Integrating these tools enhances workflow and enables creative expression through code.


⚙️ Tool Demonstrations

ChatGPT Demo: Code Generation

Explores how ChatGPT can:

  • Generate code from prompts.
  • Expand existing algorithms.
  • Simplify the coding process with intelligent suggestions.

Bolt Demo: Visual App Builder

Demonstrates real-time visual app creation with AI-assisted design, allowing drag-and-drop development and live preview functionality.

v0.dev Demo: UI Generation

Shows how v0.dev streamlines the UI prototyping process by enabling quick iteration, creative experimentation, and stunning final designs.


🧑‍💻 Live Lab Setup

Task Description
Setup Instructions Organize your workspace for optimal coding experience.
Team Collaboration Encourage teamwork for creative coding solutions.
Device Integration Connect all devices for a seamless workflow.
Interactive Feedback Provide real-time feedback during the session.

🖥️ Showcase of Final Project

The final project illustrates the seamless integration of AI tools across devices. It features vibrant interfaces, interactive features, and real-world usability—demonstrating the power of AI-driven coding creativity.

URL: https://lovable.dev/projects/e44ecb83-de49-4882-ae9a-13bf0e049dc0

Prompt: Check out prompt.txt for the prompt

⚡ Quick Reference Guide

  1. Use ChatGPT to generate and optimize code snippets.
  2. Utilize Bolt for real-time app prototyping and visual design.
  3. Design UIs effortlessly with v0.dev.

🌟 Conclusion

Create. Code. Vibe.
Join us in this journey of creative coding, where technology meets imagination and AI becomes your coding partner.


“Coding isn’t just logical — it’s creative. Let’s make it Vibe!”

About

Workshop presentation for the Vibe Coding Workshop hosted by LUG BPDC. Covers AI-powered creative coding tools including ChatGPT, Bolt, and v0.dev — with live demos, lab setup, and a final project showcase built using Lovable.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages