강의

멘토링

로드맵

Programming

/

AI Coding

Creating Super Simple Group Chat for Non-Majors (Vibe Coding, Cursor AI)

Upon completing and applying these lectures, you can create your own sites and apps. This introductory VibeCoding lecture uses Cursor AI to help you naturally learn coding flow by creating a Web site group chat for your family. Without an App developer account or MacBook, anyone can easily follow along in a Windows environment, even without dev knowledge, and learn to deploy it as a real website.

(4.7) 15 reviews

185 learners

  • teracokr
실습 중심
AI 코딩
AI 활용법
토이프로젝트
Firebase
Next.js
vercel
Cursor AI
Vibe Coding

Reviews from Early Learners

What you will learn!

  • Learn Vibe Coding most efficiently.

  • Hands-on: A Real-World Chat Web Completed by Just Following

  • Mastering Firebase's Core Services (Auth, Firestore)

  • Vercel: Deploy in one go!

👨‍👩‍👧‍👦 I made a private messenger for my child myself.


Have you ever thought about this?

“I’m worried about my young child using a commercial messenger…
For use only by family members,
“I wish there was a secure messenger!”


There are a lot of ads and you may connect with strangers.
Rather than a regular messenger
For use only by our family,
I wish there was a simple and secure messenger .


So using Flutter and Firebase
We created our own family-only messenger .
(This course uses Web + Firebase.)


iPhone, iPad, Android phone…
Because the devices used by each family member have different operating systems
I chose Flutter because it supports cross-platform .



🧑‍💻 But, how did you make this?


It's called 'vibe coding', which is very popular these days!


Because I have Apple and Google developer accounts
I even tried installing it on an actual device,

But in this lecture, you can do it without such an account.
So that anyone can easily follow along in a Windows environment
We have prepared a web-based messenger version.

First of all, it is important to try Vibe Coding!



📚 This lecture is for these people!


  • Non-majors and beginners who think, "Is it okay if I don't know anything about development?"

  • For those who want to start in an environment with only Windows, without a MacBook

  • Anyone who wants to create a website that actually works with their own hands

  • Anyone who wants to create their own messenger for use with family, couples, and friends




🎥 The lecture proceeds in this order


  1. Completed Web Messenger Demo — Get inspired by the results first!

  2. Creating Firebase, GitHub, and Vercel Accounts — Practical Preparation

  3. Node.js installation and environment configuration — Step-by-step development environment setup

  4. Install Cursor (AI Coding Assistant) — No worries, even if you're new to coding!

  5. Start coding for real messengers — implement the features yourself.

  6. Real-time web distribution via Vercel — My messenger, released to the world!



🌟 Your own web messenger that actually works


This course does not teach coding languages.
You just learn how to do vibe coding .

And the messenger created like this
You can actually use it with your friends and family.
You will complete the real messenger website .



🌱 And the next challenge is a Flutter app!
(We will not be creating a mobile app in this course)


If you have learned the structure and principles of messengers on the web,
Now you can try it yourself with the mobile app!


Flutter is a one-time code-write
An amazing tool that allows you to develop for iOS, Android, and the web simultaneously.
Someday you too
You can create your own app for your family .


It's okay even if it's your first time coding.
From the easiest starting line, we go together to the real thing.
Are you ready to create your own messenger? 😄

Recommended for
these people

Who is this course right for?

  • Beginner wanting to make a working chat

  • Learn Practical Firebase Usage

Hello
This is

229

Learners

18

Reviews

4

Answers

4.8

Rating

2

Courses

안녕하세요. 코딩 및 개발을 체험하면서 서비스까지 만들어보는 강의를 하는 체험코딩입니다.

Curriculum

All

11 lectures ∙ (1hr 21min)

Published: 
Last updated: 

Reviews

All

15 reviews

4.7

15 reviews

  • 백승헌님의 프로필 이미지
    백승헌

    Reviews 1

    Average Rating 5.0

    5

    36% enrolled

    • Jang Jaehoon님의 프로필 이미지
      Jang Jaehoon

      Reviews 591

      Average Rating 4.9

      5

      27% enrolled

      좋은 강의 감사합니다!

      • 체험코딩
        Instructor

        미흡한 강의인데 잘 들으셨다니 다행이고 감사드립니다. 궁금한점은 언제든 질문주세요~

    • Hyewon Kim님의 프로필 이미지
      Hyewon Kim

      Reviews 1

      Average Rating 5.0

      5

      45% enrolled

      • 열심인 고등어님의 프로필 이미지
        열심인 고등어

        Reviews 8

        Average Rating 5.0

        5

        36% enrolled

        • kyoungmin Han님의 프로필 이미지
          kyoungmin Han

          Reviews 3

          Average Rating 4.3

          5

          36% enrolled

          뭔지 잘 모르지만 재밌어요 ^^;;

          • 체험코딩
            Instructor

            안녕하세요 kyoungmin Han님, 수강평 남겨주셔서 감사해요 잘 이해 안되는 부분은 커뮤니티에 질문 게시판에 남겨주시면, 최대한 설명 드릴게요~ 포기하지마시고 끝까지 도전해보시고, 다 완강하시면 다른 앱도 꼭 만드는거 도전해보세요!

        $7.70

        teracokr's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!