One Bite Challenge Season 8 - SNS Project

Vibe coding is fast, but it's so fast that it's easy to skip over the foundations. For those who want to understand 'why it works' when looking at AI-generated code — we highlight the 8 core essentials (Terminal, Web, Deployment, Version Control, DB, Authentication, etc.) needed for steady vibe coding and the order in which to learn them. Even if it's your day 0 of coding, you can follow along!

AI is only as good as you are. Master "Vibe Coding" through a three-step process: AI utilization, foundational core knowledge, and project development. For those who want to learn Vibe Coding properly, we deliver the unchanging core concepts—applicable to any AI—in bite-sized pieces.

The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js course. We will explore not only the App Router but also the Page Router through hands-on projects.

Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

Go beyond syntax to understand the principles and concepts—if TypeScript still feels confusing no matter how much you study, it's time to learn it properly! We will turn you into a TypeScript Wizard🧙🏻‍♀️.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

Upgrade your React app with Zustand, Tanstack Query, and Tailwind CSS! We guide you through the core concepts and usage of various tools so that you can take on even complex projects.