inflearn logo

UI/UX portfolio using AI

I have been happily building and using a commercial classroom management app called 'Crowny Class' for 7 months together with AI. This course shows exactly what I broke, where I struggled, and how I finally got the results in my hands. By following the lessons on difficult-to-understand GitHub workflows and AI-driven production methods, you will complete everything from enhancing playable games to refining your own web portfolio with a live URL.

2 learners are taking this course

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
AI Agent
AI Agent
GitHub
GitHub
Portfolio
Portfolio
Vibe Coding
Vibe Coding
HTML/CSS
HTML/CSS
AI Agent
AI Agent
GitHub
GitHub
Portfolio
Portfolio
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

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 lets you experience completion.

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



Instructor Introduction

It's not that I have better skills than other teachers,

seeing things others miss and caring for the class in my own unique style,

I have been the number one national government-funded digital design instructor 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 terms of development."

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


What you wanted to create (intent) → How you approached it (process) → Where you got stuck (problem) → How it was eventually solved (result); I will help you unfold this story.

I will show you that the methods discussed in the lecture actually work in practice, using apps that are currently in operation.


Second, a portfolio created by a student — Minju's work.
FANCIVE, LUNA, ONVINYL, MathHub…

This is a UI/UX portfolio created with AI by a student who was neither a design major nor a 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 I'm the instructor, but because someone who started out normally achieved it too.

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


Goals of this course

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

  • A game that can be played directly — a real, working output

  • 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 built this" about, rather than just "I took the course."

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

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


Preparation for the Future

However, please keep 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. How to create one is also covered in the lecture.

  • 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.



Mentor Application

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

1,413

Learners

21

Reviews

24

Answers

4.7

Rating

10

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

13 lectures ∙ (3hr 15min)

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!

Limited time deal

$29,700.00

70%

$77.00