inflearn logo

UI/UX portfolio using AI

Student review after an interview ' I spent 7 enjoyable months with AI building a commercial classroom management app called 'Crowny Class,' which is currently in use. This course shows exactly how I failed, struggled, and ultimately held the final product in my hands. By following the lessons on complex topics like GitHub or AI-driven development, you will complete everything from enhancing playable games to refining your own web portfolio with a live URL.

7 learners are taking this course

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
GitHub
GitHub
Portfolio
Portfolio
AI Agent
AI Agent
Vibe Coding
Vibe Coding
HTML/CSS
HTML/CSS
GitHub
GitHub
Portfolio
Portfolio
AI Agent
AI Agent
Vibe Coding
Vibe Coding

What you will gain after the course

  • The scope of AI's possibilities

  • Easy Understanding of GitHub

  • My web portfolio with its own internet address (URL)

  • Types of AI and how to use them

  • The direction for a portfolio that makes people say, 'This is insane'

This course does not say, "Become a coding master."

Instead, it asks: What, why, and how do you want to create?

Therefore, instead of just accumulating knowledge, this course allows you to experience completion.

With AI as a tool by your side, you will learn what to think about and where to focus.



Instructor Introduction

It is not that I am more skilled than other teachers,

I see what others miss and manage the class with my own unique style,

I have been the number one government-funded digital design instructor nationwide for the past 5 years.


Why am I showing you both examples?

Two types of outcomes appear in this lecture.

One, operated with a commercial app I created — Crowny Class.
This is proof of "exactly how far the instructor has gone in actual development."

An instructor's experience becomes a valuable asset for students as well.


What they wanted to create (intention) → How they approached it (process) → Where they got stuck (problem) → How it was eventually solved (result), I will tell the story through this framework.

I will show you that the methods taught in this lecture work in the real world through apps that are currently in operation.


Second, portfolios created by students — works by Jiwon and Minju.
FANCIVE, LUNA, ONVINYL, MathHub…

This is a UI/UX portfolio created with AI by a student who was both a non-design and non-coding major.

But honestly, if I only show you the instructor's apps, you'll probably think: "Sure, it worked because they're the instructor. I'm different." You're right. That doubt is natural. Everyone feels it. That's why I'm showing you student cases as well. We need evidence to prove that it didn't just work because of the instructor, but that someone who started out ordinary could do it too.

Apps created by the instructor and student portfolios — only when these two are together does it finally become "Maybe I should try it too." One side alone is not enough. That's why I'm revealing both.


Goals of this course

If you follow this course to the end, these are the things you will be left with in your hands.

  • A game you can actually play — a real, working result

  • A web portfolio with a URL — A real website deployed via GitHub Pages that you can share with others as a link

  • Working app — a program that actually runs

All three are things you can say "I made this" about, rather than just "I took the course."

And one thing that lasts longer than the results. The way you direct AI to work — this flow of breaking things down, providing context, and feeding back errors works the same whether you're making games, apps, or anything else in the future.

The three outputs are the evidence, but what you're truly taking away is this method.


Preparation for the Future

However, please keep just a few things in mind.

  • Paid Claude AI Recommended — You can start for free, but a paid AI is much more reliable for getting through to the end without getting stuck. It saves you time spent wandering. In the AI era, using AI for free is like going to a battlefield with a gun that has no bullets.

  • GitHub account — Required for deployment. The course also covers how to create one.

  • If you've at least heard of terms like HTML, variables... — You don't need to know them deeply. Just having a "I've heard of that" level of knowledge is enough. It's even better if you're generally quick-witted.



Apply for Mentorship

My students are now AI experts as well.

If necessary, I can connect you with a mentor, and I believe it will be a great help since they will be a mentor from a fellow student's perspective.



Recommended for
these people

Who is this course right for?

  • Those interested in AI

  • Those who have watched many lectures but don't have a single 'tangible result' to show for it

  • Those who have asked an AI to "write some code," but stopped because they didn't know where to paste it or how to run it.

  • Those who have heard a bit about coding but have never completed a single project from start to finish.

Need to know before starting?

  • It is helpful to have basic knowledge of design and HTML, but you can do it even without it.

  • I recommend using paid AI.

Hello
This is dunopi

476

Learners

6

Reviews

25

Answers

4.7

Rating

7

Courses

Web Design Technician Practical Exam

With a national average pass rate of 60%

But our class has a 90% pass rate~ yong-yong~

Curriculum

All

17 lectures ∙ (3hr 46min)

Published: 
Last updated: 

Reviews

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

dunopi's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

25% off for new members

$57.00

25%

$77.00