inflearn logo
강의

Course

Instructor
inflearn logo
Challenge
Recruitment Closed
Programming

/

Web Development

[Front PROKIT] Complete Your Personal Project with Code Reviews from Active Industry Mentors - 1st Cohort

Build a timer app while receiving code reviews and mentoring from industry professionals. Materials (planning, design, API), and community activities are provided to help you successfully complete a production-level client project from start to finish. Grow joyfully through project-based learning and high-quality feedback from industry professionals!

React
TypeScript
Next.js

11개 수업 학습

18회 미션 수행

라이브 9 회

추가 자료를 통해 학습을 이어나가요.

같은 기수와 교류하고 함께 성장해요.

지식공유자와 멘토링 혜택!

질문하고 즉시 답을 얻어요.

nybs님과 함께해요!

905

Learners

53

Reviews

1

Answers

4.9

Rating

6

Courses

I design and create content that allows for growth in an engaging and enjoyable way.

I believe that if you present good problems (tasks) to someone with passion, they will be able to grow, and

I mainly focus on how to present practical problems and missions that are most effective for learning.

Not Yet, But Soon

We are with everyone who isn't there yet, but will be soon.

nybs.contact@gmail.com

More

Co-instructor

Those who need a project 🙋‍♂️🙋🏼‍♀️

Do you happen to have these concerns right now? 🤔

I've taken some frontend courses, but now I don't know what or how to study further!

I'm a CS major but I've never done frontend development, so I just want to try doing a project!

I just want to work through one project, but bootcamp programs are too long and feel overwhelming!

I completed a bootcamp but feel my learning is insufficient and want to work on more projects

I'm working as a junior in the field, but it's frustrating because I don't have a mentor or anyone to ask for advice!


For those people, we've prepared the [Frontend Project Challenge with Industry Professionals].

You can get meaningful project-based learning and feedback from industry mentors without attending a bootcamp.

Anyone who wants to grow while building projects is welcome!

Grow joyfully by creating, sharing, and participating 🚀


Frontend Project with a Mentor 🏃🏻

Project Introduction 🔨

In this challenge, we'll work on a project with a set theme.

We'll build a timer application called DevTime from start to finish.

We've prepared the planning, design, and server in advance so you can focus solely on implementing the frontend features.

Please implement the features according to the provided requirements and materials.

1. 로그인

Login

2. 회원가입

Sign Up

3. 타이머

Timer

4. 할 일 관리

Task Management

5. 대시보드

Dashboard

6. 랭킹

Ranking

In addition, it includes various features that reflect essential frontend implementation tasks such as profile settings, my page, etc.

Work on individual projects based on what you've learned, and grow together while sharing your progress along the way.


Challenge Process

The challenge runs for a total of 4 weeks.

You can have your project progress reviewed through one code review and two mentoring sessions per week.

See how professionals design, execute, and overcome challenges in projects from their perspective as you work together.

Challenge Start, Orientation

Greet fellow challenge participants and mentors. We'll introduce the project topic, how it will proceed, and the flow of code reviews and mentoring sessions.

Project Feature Implementation (Individual Work)

Each week, you'll implement the main features of your project individually, following the recommended project progression flow. If you get stuck during the process, you can ask questions and discuss them together through the learning community.

Live Mentoring

Live mentoring sessions are held twice a week with a current front-end engineer mentor. You'll receive progress checks on your project and gain various perspectives on project development from an industry standpoint.

Code Review

Once a week, you can receive code reviews on your ongoing project from current industry mentors. Code reviews are conducted through Github, and after submitting a PR and assigning a current industry mentor as the reviewer, the code review will proceed.

Learning Community

We operate a learning community where current industry mentors and fellow participants can communicate with each other and network freely. It can be lonely and difficult when you do it alone, but together you can make it to the end.

In addition, various motivational events are planned to help you successfully learn through the project.

Grow joyfully in a well-organized and managed learning environment 🚀


Mentor Introduction 👩🏼‍🏫

A mentor with real-world work experience will join the challenge.

I provide practical feedback and advice on project structure design and problem-solving methods from a real-world work perspective.

mentor

Mentor Nasil Choi

7-year Frontend Engineer

  • SixShop Frontend Engineer

  • Purplenest Web Developer

  • Codeit Sprint Frontend Mentor

  • Vanilla Coding Bootcamp Office Mentor

  • LinkedIn

When learning alone, you end up going through unnecessary trial and error.

It's a necessary process for growth, but sometimes you need someone to guide you toward a more efficient learning direction.

In this challenge, a 7-year veteran engineer will participate as a mentor to accompany participants through their growth journey.

They will introduce you to various perspectives and considerations that are difficult to know before gaining experience in the field.

Successfully complete your project-based learning with high-quality feedback from an industry mentor 🔥

PROKIT Resource Guide Provided 📚

This challenge will be conducted using the [Frontend Project Kit: Building a Timer App] resource collection.

We provide planning, design, and API endpoints so you can focus solely on implementing frontend features for a practice project over 4 weeks.

PRD (Product Requirements Document)

API Endpoints (Swagger UI)

Figma Design

Design System for Projects


We provide all the materials needed to implement the Devtime project for free to everyone participating in the challenge.

* If you have already purchased the resource materials separately from Inflearn Clip, please contact us at nybs.contact@gmail.com. We will guide you on how to apply at a discounted price equivalent to the content purchase cost.

Challenge Participation Precautions

Before participating in the challenge, please make sure to review the precautions below in advance.

This is a Skill Up Challenge for those who have sufficient prerequisite knowledge to improve their practical skills through project-based learning.

Please join the challenge with sufficient prior knowledge essential for project execution, including understanding of DOM manipulation and client event handling, asynchronous processing (Promise, async/await, etc.), API communication (utilizing fetch API, axios library, etc.), and token-based authentication/authorization.

(Required) Please choose either React.js or Next.js for your project so that the mentor can provide you with quality feedback.

(Recommended) Using TypeScript is recommended but not required.

You can freely choose other technology stacks as you participate. Since considering the technology stack during the initial project phase is also part of the learning process, you can discuss and select technologies together with your mentor after the program begins.

Reviews and mentoring from current industry mentors focus more on project design and structural aspects from a professional perspective. Detailed code reviews at the line-by-line level (grammar, variable names, function names, etc.) are encouraged to be exchanged among challenge participants.

PROKIT: We are training a code review AI optimized for Devtime project topics and requirements. Get detailed code reviews of your ongoing projects using AI.


For other inquiries or detailed questions, please contact us at nybs.contact@gmail.com!

12월

1일

챌린지 시작일

2025년 12월 1일 PM 03:00

챌린지 종료일

2025년 12월 29일 PM 02:59

챌린지 커리큘럼

All

38 lectures ∙ (14hr 44min)

Course Materials:

Lecture resources
Live

챌린지에서 배워요

  • You can create a complete web service using a frontend framework

  • I can implement according to given planning requirements and create a single working service.

  • You can experience the process of encountering and solving various problem situations similar to real-world development

  • Learn the mindset for carrying out projects and how to manage projects effectively

  • Stay motivated and enjoy learning while interacting with other learners at a similar level

Recommended for
these people

Who is this course right for?

  • Those who want to grow by receiving practical reviews and feedback from current industry mentors

  • Someone who has been studying frontend alone and now thinks it's time to start working on a project

  • Someone who felt overwhelmed and didn't know where to start or how to begin when they actually tried to start the project

  • Those who have taken a bootcamp but feel they need additional project-based learning

  • Those who want to strengthen their portfolio with solid project experience

  • For CS majors who don't want to spend time on bootcamps but need some decent project experience

Need to know before starting?

  • React.js or Next.js users (selection of one of the two frameworks is required)

  • Global state management using state management tools (Tanstack Query, Zustand, Redux, etc.)

  • TypeScript utilization for type specification and static programming (not required but recommended)

  • Concepts of Authentication-Authorization and Implementation of Token-Based Authentication

  • Version and Project Management Methods Using Git/Github

  • Other, foundational knowledge for performing frontend project tasks

Reviews

All

9 reviews

4.9

9 reviews

  • traumereiii님의 프로필 이미지
    traumereiii

    Reviews 3

    ∙

    Average Rating 5.0

    5

    64% enrolled

    I recommend this to anyone who wants to develop practical skills through challenges. Similar to working in the actual field, project proposals, API documentation, and Figma designs were provided, allowing me to work on the project with a real-world feel. The current industry mentor personally reviewed each student's code one by one and compiled challenging points or helpful tips to share with us, which was very beneficial.

    • mnpine12님의 프로필 이미지
      mnpine12

      Reviews 1

      ∙

      Average Rating 5.0

      5

      82% enrolled

      The pre-prepared backend materials and detailed Figma style resources allowed me to focus more on the frontend project. The mentor shared packages they actually use and various useful tips, reviewed each person's code, and provided feedback by suggesting ways to improve areas where students were lacking. They also demonstrated by modifying code live, which was very helpful.

      • mung5079님의 프로필 이미지
        mung5079

        Reviews 2

        ∙

        Average Rating 5.0

        5

        82% enrolled

        1. Beneficial Mentoring + Code Review We had mentoring twice a week + code review once a week, and it was really beneficial. I didn't have opportunities to receive feedback at work, so I was even more satisfied to learn through the challenge 'what I was doing well and what I wasn't doing well.' Also, when I asked questions during mentoring, they answered kindly, and through this process I resolved many things I had been curious about. 2. A Project Where You Can Focus Only on FE The PRD, Figma, and API are all completed, so you can focus solely on the frontend. Even with just the frontend, there are many things to think about during implementation, so it's great for portfolios too. Since there's a lot to complete within a month, it seems you'll need to spend time on it even after the challenge ends. During the challenge, I recommend implementing and refactoring focusing on the parts you want to receive feedback on!

        • sduddla님의 프로필 이미지
          sduddla

          Reviews 18

          ∙

          Average Rating 5.0

          5

          100% enrolled

          The mentoring and code reviews were really helpful. I was able to immediately apply what I learned to my projects, and thanks to my mentor's thorough code reviews, I was able to improve areas I had been missing. It was so good. Highly recommend!

          • gkwlaks님의 프로필 이미지
            gkwlaks

            Reviews 1

            ∙

            Average Rating 5.0

            5

            82% enrolled

            My mentor always tried to teach me even one more thing, and thoroughly reviewed my code, which was really great. They also shared real-world work experiences, and truly every single hour of the live sessions was worthwhile - not a single hour was wasted! If there are other challenges with this mentor, I think I would join them too.

            FAQs

            취소 및 환불 규정
            챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

            nybs's other courses

            Check out other courses by the instructor!

            2026 Generative AI Trends SummaryCourse Thumbnail

            2026 Generative AI Trends Summary

            nybs

            $13.20

            Beginner / AI, claude, Vibe Coding

            4.9

            (18)

            We will summarize all the hot topics regarding Generative AI, LLMs, and Agents from throughout 2025! Focusing on the announcements from the three major AI developers (OpenAI, Google, and Anthropic), we will take a look at the trends of AI that have advanced remarkably in '25.

            Beginner

            Beginner

            AI, claude, Vibe Coding

            2026 Generative AI Trends SummaryCourse Thumbnail

            2026 Generative AI Trends Summary

            nybs

            $13.20

            Beginner / AI, claude, Vibe Coding

            4.9

            (18)

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer AppCourse Thumbnail

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer App

            nybs

            $22.00

            Beginner / React

            Update
            Update
            Mission
            Mission

            This is mission content for a development project. We provide a PRD planning document, Figma designs, and API endpoints so that you can practice by implementing a timer app called DevTime yourself. Make the knowledge you have learned completely your own by implementing a project at a level similar to an actual service 🚀

            Beginner

            Beginner

            React

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer AppCourse Thumbnail

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer App

            nybs

            $22.00

            Beginner / React

            Update
            Update
            Mission
            Mission

            $254.10