강의

멘토링

로드맵

NEW
Programming

/

AI Coding

Create a TodoList App in One Day with AI Vibe Coding

This course is a video tutorial on creating a TodoList app using only questions with the Cursor AI artificial intelligence tool.

2 learners are taking this course

  • usefulit
바이브코딩
cursorai
html/css
투두리스트
Cursor AI
Vibe Coding

What you will learn!

  • Vibe Coding Basics

  • Learning How to Use the Cursor AI Tool

  • Creating a To-Do List App

Create a TodoList App in One Day with AI Vibe Coding

Use the latest AI development tool Cursor AI to create a TodoList application with just questions!

🎬 Course Introduction

Haven't you ever wanted to create your own TodoList app?
You've probably heard the term "vibe coding" at least once, but have you never actually experienced it yourself?

This course is designed so you can follow along in just one day with the process of planning, designing, and implementing web applications using only questions, leveraging the latest AI-powered development tool CursorAI.


In the hands-on process, you can experience how to effectively ask questions to artificial intelligence and apply the answers to development by directly creating a TodoList app.

  • In Section 1, you'll learn how to install CursorAI and master the basic usage methods,


  • In sections 2 and 3, you will learn app design, feature implementation, and data integration to complete a polished TodoList app.


🎯 Learning Objectives

  • Learning Cursor AI Installation and Basic Usage


  • Learning How to Ask AI Effective Questions and Apply the Answers

  • TodoList App UI/UX Design Direct Creation

  • CRUD functionality, dark mode, local storage saving, and other core feature implementations



⚙️ Tools Covered

  • Cursor AI Editor


📂 Curriculum

Section 1. What is Vibe Coding

Introducing Vibe Coding, a new development approach with AI.
From the concept of Cursor AI to installation and basic usage, we prepare you to easily start AI-based development.

  1. What is Vibe Coding (15:05) — Understanding the concept and necessity of vibe coding

  2. What is Cursor AI Editor + Frequently Asked Questions FAQ (34:11) — Development Environment and Common Question Solutions

  3. Cursor AI Installation and How to Use It for Free (24:36) — Guide to the installation process and utilizing the free version

  4. Cursor AI Basic Usage (29:22) — Basic Interface and Key Features Practice


Section 2. Creating a Todo List App - Design

Now let's start building the app in earnest.
We'll establish the app's planning intent and learn user-friendly screen composition through hands-on experience, from basic UI design to applying dark mode themes.

  1. Pre-requisite Background Knowledge and TodoList App Design Concept Planning (35:56)

  2. TodoList App Design Creation (1)

  3. TodoList App Design Creation (2)

  4. TodoList Design Theme Change to Dark Mode (25:55)


Section 3. Building a Todo List App - Feature Implementation

Finally, we implement the actual functionality of the app. We understand CRUD (Create, Read, Update, Delete) and add data storage and search features to complete your very own TodoList app.

  1. Understanding CRUD Terminology and How to Ask Questions to AI

  2. Test and Data Storage Types (31:57)

  3. Local Storage Integration (29:04)

  4. Add bulk delete and search functionality (20:28)


✅ Confirmation Items

  • This course does not provide instructor Q&A.

  • You can download the lecture materials and lesson plans from [Learning Materials] in the first lesson of the first section.

Recommended for
these people

Who is this course right for?

  • Someone who wants to try using Cursor AI tools

  • Someone who wants to try vibe coding

  • People who want to create applications

Hello
This is

8,256,574

Learners

6,127

Reviews

4.6

Rating

298

Courses

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

Curriculum

All

13 lectures ∙ (5hr 56min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$37.40

usefulit's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!