ai-coding-tools.md

No Code Rapid Apps Development

Hi ;)

We start at 15:00

0. Intro

   • Pablo's Story: https://news.microsoft.com/source/features/ai/vibe-coding-and-other-ways-ai-is-changing-who-can-build-apps-and-how/

   • My Story

   • About me: Ynon Perek https://www.tocode.co.il/

   • Zoom best practices

1. AI Builder Landscape

   • Lovable founded in 2023
   • Dozens of new products since
   • The new MS Access

2. What can you build

   • From idea to product
   • Learn to code
   • Build something you can expand
   • Specialized builders (build mobile app, build an agent, build mini apps, build landing pages, build frontend, build minecraft style game)

3. How does it work

   • Project template
   • Backend / Frontend / Specialized templates
   • Demo: lovable + supabase, base44

4. What -> How

   • Small game, app, I don't care about the code, online fast => App builder
   • Mini app, AI focused, automation => Opal
   • Codebase I can later use => Copilot, Cursor

5. Demo Prompts

Create a user feedback form and save responses to the database

Let's build a Stitch and Unicorn multiplication practice game for my daughter and her friends (ages 8-10). The game should offer multiple levels and you need to solve multiplication exercises. Give them a way to share their score so they can compete with each other.

Create a flashcards game to learn animal names in Spanish.

Create an app to manage expenses for my business. I need to upload receipts and other documents and get a monthly expenses report.

Create a shared shopping list app for our team. Everyone can add products we want to buy or mark items as "Purchased" which means they're off the list.

Create a Kahoot style quiz game. Game Screens:
    1. Home Screen
        1.1. User is presented with 2 options: They can "Join" a game or create a game
        1.2. Creating a game starts a new game
        1.3. Joining a game presents a dialog where a user enters the game code and joins.

    2. Wait for players
        1.1. After user "creates" a game they are presented with the game code.
        1.2. Other players can type this game code in the "Join game" screen to join the game.
        1.3. This page shows how many players have joined and has a button to "Start Game"
        1.4. When players join the game they also enter this screen, but only the game creator can press "Start Game".

    3. Question screen
        1.1. Everyone sees a question and can click on 1 of 4 answers.
        1.2. Only after everyone has answered we show the correct answer and the names of the users who were right.

    4. End Game screen
        1.1. At the end of the game show the winners

    This is a demo version so use hardcoded questions. There is no way for users to change the questions.

6. Your turn

   • Build Stitch and Unicorn multiplication practice game on Google AI Studio

   • Build kahoot style quiz game on lovable

   • Build a twitter clone in copilot

   • List of builders

   • https://lovable.dev/

   • https://base44.com/

   • https://bolt.new/

   • https://blink.new/

   • https://v0.dev/

   • https://www.rocket.new

   • https://www.vibecodeapp.com

   • https://rosebud.ai/

   • https://dazl.dev/

   • Google Opal

7. Show Your Work

8. Q & A