Hybrid App with Expo Framework to Increase Web Developer's Salary
codecamp
This course will help you develop mobile apps that can be serviced on Android and iOS using web development.
Basic
React, Next.js, expo
Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt
669 learners
Level Intermediate
Course period Unlimited
Reviews from Early Learners
5.0
희소식
I have completed up to Section 2, and the course is so good that I'm leaving a review in the middle of it. Even though I've only watched up to Section 2, I could already tell how much effort you put into preparing this course. I was able to learn how to use prompts more efficiently, and the prompts you teach seem extremely useful. This is the most satisfying course among all the VibeCoding courses I've taken so far. When I post questions, you respond quickly, so even when problems arise during the course, I can continue without any issues. I was making good progress, but I had to stop due to cursor usage limits, so I'll continue and enjoy the rest of the course later. Thank you for the great course.
5.0
항상배우는아이
I'd really appreciate it if you could sell just the additional lectures from the latter part of the Live Challenge separately. Please also consider making lectures on the backend part~~
5.0
blessthy
I signed up because I wanted to experience Cursor AI vibe coding, but I ended up experiencing frontend development that I'd been wanting to study for a while. What a bonus! People who were already doing frontend development would probably finish this course quickly, but it took me a bit longer since I was learning the basics. It was great that the instructor kept explaining things simply for beginners like me, and I learned well how to utilize prompts. These days, after Gemini 3 came out, Antigravity is emerging as a competitor to Cursor. The industry moves so fast. Still, I think the essence of what I learned here won't change. Thank you for creating such a great course.
How to Generate UI 100% Identical to Figma Design with Vibe Coding
Providing practical and applicable prompts
Complete the entire project with a feature-focused approach using Vibe Coding
Vibe Coding Portfolio
Practical vibe coding that can be used in the workplace
Reality: Things don't go my way 😭😭
After taking the Code Camp course = The page comes out in the shape I want!
Why is the banana the representative image? When you think of banana, think of vibe coding - it was chosen in a vibe coding way, following the flow of thought. However, vibe coding for developers cannot be done just by feeling. It must proceed systematically and based on design.
This course is serious vibe coding for developers. It's vibe coding at a level applicable to real-world work.
Especially for junior developers, this is an essential skill you must know in the AI era.
It proceeds at a difficulty level sufficient for Project Managers, UIUX designers, and service planners who can handle Figma to learn. If you want to start a solo business or pursue side hustles, give it a try!
Haven't you been frustrated that Vibe Coding can't implement Figma designs 100% accurately?
We reveal the secret to generating
your team's or your desired exact
Figma designs with Vibe Coding 100% accurately and quickly.
Clumsy Initial Figma MCP Results → Generating Accurately (Yanolja Homepage Example)
Not just a simple vibe coding service made in 5 minutes,
Did you want to create a proper service?
After this course, you can apply fully automated vibe coding to real-world projects too!
We create features that are truly needed in real-world work, not just plausible ones!
You'll learn almost all of Vibe Coding's methodologies through the 'Emotion Journal' project!
Generate UI Exactly as Designed in Figma
Creating Common Components Like in Real Development
Determining the Development Order for Vibe Coding
Implementing Various Features and Connecting APIs
Handling Login and Permission Routing
Developer-friendly Parallel Processing Methods
Safely Reverting When AI Makes Mistakes
You'll learn how to provide and write prompts that deliver 120% results according to your intentions!
How to Set Cursor Rules
Providing Reusable Prompts
Rules for Getting 100% Stable Results
Folder Structure for Vibe Coding
In AI-generated vibe coding, the development sequence is crucial to avoid code conflicts!
AI-generated vibe coding methods need to know the parallelizable scope to avoid code conflicts!
It includes development principles and concepts specialized for vibe coding, making it fully accessible for non-developers to learn.
I propose a roadmap for developers to achieve self-directed growth through vibe coding.
Due to the nature of vibe coding, it was difficult to complete the curriculum as different results could come out each time.
I found a way to modify and review the results so that everyone can achieve the same outcome!
Check out the clear curriculum that follows real-world practices.
The principle behind the course project Emotion Diary and the famous blog service 'Velog' is the same!
The more complex travel platform 'MyRealTrip' works on the same principle!
Emotion Diary (Course Practice Project)
Diary Storage → Photo Storage Migration
Diary Card
All Filters
Search Logic
All page navigation logic
Dual Modal and Provider Logic
Velog (Popular Blogging Service)
Trending → Latest·Feed Move
Blog Card
This week's filter
Search Logic
All page navigation logic
Dual Modal and Provider Logic
Diary Archive → Photo Archive Move: Same as Trending → Latest·Feed Move
Diary Card: Same as Blog Card
Overall filter: This week's filter function is the same
Search logic identical
All page navigation logic is identical
Dual modal and provider logic identical
Now you can quickly and easily implement frontend from A to Z
with practical vibe coding for any service.
We cover how to use the HTML to Design plugin to directly obtain the design source you want!
Practice vibe coding with various designs by modifying the prompt.
Implement a project for a solo startup or monetization service.
Velog Figma
MyRealTrip Figma
29cm Figma
To achieve the best results, I'm using Cursor AI's paid plan. Please note that there is token consumption as it generates using Claude 4.0 as the standard.
When creating a project with Vibe Coding, you don't need Figma's paid Dev Mode service! Just copy and paste the provided design into your page.
Basic knowledge of HTML, CSS, and JavaScript would be helpful.
If you have basic React knowledge, vibe coding becomes even easier!
You can learn prompt writing techniques and development concepts together.
If you're a developer who wants to quickly build frontends with vibe coding
Anyone who can plan and design with Figma, especially if you're a UI/UX designer & PM
If you want to easily create a 'second salary' that comes in every month after work
If you dream of a startup that needs quick results
This course will be perfect for you.
I've compiled the keywords and reviews from Nowondu that we've received so far.
Grow as an app developer together with Nowondu through this course🚀
#Kind lectures
#Meticulous
#Powerful and substantial
#Easy to understand
#Real developer
#Mentor of mentors
#Coffee beans
#Like it, like it
This course is optimized for those with basic knowledge of React.js or Next.js.
It's a core course where you can learn the entire development cycle through prompt-based vibe coding.
Since we provide working prompts, you can apply them to your individual projects by adapting the prompts.
We've included as much content as possible so that you don't have to go through the trial and error we experienced.
To obtain more reliable results, I believe it is advisable to choose a smarter AI. For the course, I am using Cursor's paid plan and developing with Claude 4.0 and o3. Therefore, please make sure to note that token consumption is occurring to some extent.
Who is this course right for?
Anyone who wants to build real services with Vibe Coding
Anyone who wants to use VibeCoding at their company
Anyone who needs a VibeCoding portfolio
Anyone who wants to create sophisticated solo entrepreneurship services with Vibe Coding
UIUX designer who wants to create their own service
Product managers or planners who want to create their own service
Need to know before starting?
React Basics
HTML, CSS Basics
Inflearn Verified
16,120
Learners
517
Reviews
232
Answers
4.8
Rating
15
Courses
"Try anything, Try everything!"
Code Camp aims to cultivate competent developers and change the future of development. We have arrived on Inflearn to provide career transition opportunities to everyone, regardless of their social, economic, or educational background. Take on the challenge of a career jump with Code Camp!
All
57 lectures ∙ (23hr 36min)
Course Materials:
All
66 reviews
4.8
66 reviews
Reviews 3
∙
Average Rating 5.0
Reviews 15
∙
Average Rating 5.0
5
I signed up because I wanted to experience Cursor AI vibe coding, but I ended up experiencing frontend development that I'd been wanting to study for a while. What a bonus! People who were already doing frontend development would probably finish this course quickly, but it took me a bit longer since I was learning the basics. It was great that the instructor kept explaining things simply for beginners like me, and I learned well how to utilize prompts. These days, after Gemini 3 came out, Antigravity is emerging as a competitor to Cursor. The industry moves so fast. Still, I think the essence of what I learned here won't change. Thank you for creating such a great course.
Reviews 1
∙
Average Rating 5.0
Reviews 5
∙
Average Rating 5.0
Edited
5
I have completed up to Section 2, and the course is so good that I'm leaving a review in the middle of it. Even though I've only watched up to Section 2, I could already tell how much effort you put into preparing this course. I was able to learn how to use prompts more efficiently, and the prompts you teach seem extremely useful. This is the most satisfying course among all the VibeCoding courses I've taken so far. When I post questions, you respond quickly, so even when problems arise during the course, I can continue without any issues. I was making good progress, but I had to stop due to cursor usage limits, so I'll continue and enjoy the rest of the course later. Thank you for the great course.
Reviews 1
∙
Average Rating 5.0
5
This is truly a lifesaver lecture that perfectly fits the situation I'm facing at my company..!
I'm glad it can be helpful in practical work! Please continue to use it in more advanced ways going forward!
Yes, I'll definitely apply it actively! If you have any tips about Claude code as well, please make a lecture about it!
Check out other courses by the instructor!
Explore other courses in the same field!