BEST

Creating an Avatar Community App (React Native Expo)

Name: Creating an Avatar Community App (React Native Expo)
Price: 77000 KRW
Rating: 4.9 (73 reviews)

We will develop an avatar-based community app using React Native. You will learn the process of creating a high-quality community app that includes not only post creation but also comments/replies, likes, polls, and avatar generation.

(4.9) 73 reviews

644 learners

Level Basic

Course period Unlimited

React Native

TypeScript

expo

react-hook-form

react-query

React Native

TypeScript

expo

react-hook-form

react-query

Reviews from Early Learners

4.9

5.0

임용준

34% enrolled

Wow.... This is my first time taking this course, but I'm understanding it perfectly. The instructor's teaching style is also really good. If you're taking a native speaker course for the first time, I highly recommend this one.

5.0

로빈(Robin)

100% enrolled

This lecture was a very informative time where I could learn how to utilize various React libraries such as react-query, react-hook-form, and i18n, as well as React Native and Expo. I learned a lot from Kyo's restaurant app lecture using React Native CLI, and this time, I learned Expo and also gained various development know-how from the instructor. It was a very satisfying lecture, and I hope to take another lecture by Kyo in the future to learn other things. Thank you for creating such a great lecture!

5.0

zoezoe

84% enrolled

This lecture was very helpful as I'm new to Expo! Also, I think I got a lot of help with how to use react-hook-form and how to create common components. There are many easy lectures for beginners on the market, but I liked that this lecture was a bit more difficult and would help me grow more. The lecture is so neat, each lecture is not too long, so it's easy to concentrate, and there's a lot to learn from writing code in general, so I'm going to pay for the CLI lecture and continue listening 😎

What you will gain after the course

React Native & Expo, TypeScript
React Query (Tanstack Query)
React Hook Form
PushNotification, EAS, Dayjs, i18n

We will create an avatar-based community app using React Native. I will show you how to build a high-quality community app with various features such as writing posts/comments, nested comments, likes, voting, an avatar system, multi-language settings, and push notifications.

React Native (Expo), TypeScript, react-query (tanstack query), and react-hook-form are used to develop iOS and Android apps simultaneously. To allow you to focus solely on front-end app development, we provide all product designs, including a Figma design system, as well as the backend source code.

In this course, we will use React Native Expo.

There are two ways to develop apps with React Native: using Expo or using the CLI. Recently, even the official React Native documentation has been recommending development through Expo.

Compared to CLI, Expo makes environment setup and development truly simple. Testing on simulators or real devices is easy, and using libraries is also straightforward, so you can easily start React Native development using Expo. Furthermore, you can easily build and deploy apps by utilizing EAS (Expo Application Services).

In this course, we will develop using technologies such as React Native (Expo), TypeScript, React Query (TanStack Query), React Hook Form, dayjs, and i18n. As long as you have experience with React, it's okay if you haven't used all of these before!

We will teach you how to fetch, cache, and update server data using React Query, how to easily handle even the most complex forms using React Hook Form, how to manage dates effortlessly with dayjs, and how to easily implement multi-language support using i18n.

[2025.05.03]

Lecture Materials) Added the final app source code based on Expo version 53.

[2025.07.13]

Section 5) Added the [Note] Changing Android Emulator Keyboard Settings lesson.

[2025.08.11]

Section 6) [Tip] Fixing Android KeyboardAwareScrollView Issues & Creating a Custom Hook for Keyboard Status lesson has been added.

[2026.05.30]

Lecture Materials) Added the final app source code based on Expo version 56.
Section 2) Added the [1-1 New] Creating a Project lesson.
Section 3) Added the [2-0 New] Project Initialization lesson.
Section 3) [2-3 New] Using Vector Icons lesson has been added.
Section 6) Added the [Note] Guide on react-navigation changes lecture.

[2026.05.31]

Section 3) Added the [2-1 New] SafeAreaView Guide lesson.

Recommended for
these people

Who is this course right for?

Those who have learned the basics of JavaScript/React
Those who want to create a high-quality community app, not just a simple bulletin board.

Need to know before starting?

Basic knowledge of JavaScript is required. You must be familiar with ES6 syntax.
You need to be familiar with basic React Hooks (useState, useEffect).

Hello
This is Kyo

Career Verified

2,534

Learners

213

Reviews

356

Answers

4.9

Rating

Courses

I started as a community service frontend developer and am currently working as a commerce platform full-stack developer.

At Inflearn, I provide lectures focused on creating high-quality products.

✉ inkyo.dev@gmail.com

Curriculum

All

87 lectures ∙ (8hr 36min)

Course Materials:

Lecture resources

Mission

Section 1. Lecture Materials

5 lectures

1. Design Materials (Figma)
2. Backend source code
3. App source code (Expo 52 / 2025.02.11)
4. App source code (Expo 53 / 2025.05.03)
5. App Source Code (Expo 56 / 2026.05.30)

Section 2. Course Introduction and Environment Setup

9 lectures ∙ (20min)

6. [1-0] Lecture and App Introduction
03:42
7. [1-1 New] Creating a Project (260530)
01:52
8. [1-1] Creating a Project (Previous Version)
02:28
9. [1-2] iOS Simulator Configuration and Execution (for Mac)
02:27
10. [1-3] Running on a physical iOS device
00:53
11. [1-4] Android Emulator Configuration and Execution (for Windows)
02:11
12. [1-5] Android Emulator Configuration and Execution (for Mac)
03:47
13. [1-6] Running on a Physical Android Device
00:50
14. [1-7] Extension Introduction and Prettier Configuration
02:21

Section 3. Project structure setup

9 lectures ∙ (35min)

15. [2-0 New] Project Initialization (260530)
01:55
16. [2-0] Project Initialization (Previous Version)
03:48
17. [2-1 New] SafeAreaView Guide (260531)
01:09
18. [2-1] React Native Basics - Components
08:36
19. [2-1] React Native Basics - FlexBox
02:39
[Mission] Mastering Flexbox
20. [2-2] Setting up Navigation Structure with Expo Router
07:56
21. [2-3 New] Using Vector Icons (260530)
05:30
22. [2-3] Using Vector Icons (Previous Version)
03:43

Section 4. Screen Markup

8 lectures ∙ (56min)

Section 5. Implementing authentication functionality

12 lectures ∙ (1hr 14min)

Section 6. Implementing the feed

11 lectures ∙ (1hr 27min)

Section 7. Enhancing the feed feature

10 lectures ∙ (1hr 30min)

Section 8. Linking your profile and avatar

7 lectures ∙ (1hr 27min)

Section 9. Integrating Push Notifications

9 lectures ∙ (22min)

Section 10. Completing and Deploying the App

7 lectures ∙ (42min)

Published: 02/10/2025

Last updated: 07/04/2026

Reviews

All

73 reviews

4.9

73 reviews

toito1toi
Reviews 4
∙
Average Rating 5.0
10/11/2025
5
100% enrolled
The lecture was well-organized and the duration wasn't too long, so it wasn't boring while still covering various features, which was great. Due to circumstances, I had to alternate between Mac and Windows while taking the course, but the instructor kindly explained both cases, so I was able to follow along without much difficulty.
- koy
  Instructor
  10/11/2025
  You've taken all the classes!! Thank you for leaving a review after taking the course :)
chotg
Reviews 1
∙
Average Rating 5.0
03/01/2025
Edited
5
100% enrolled
I urgently needed to use RN at work, and the lecture was 30% off, so I listened to the preview lecture. I decided to take the course because I felt that the instructor was someone who cared about the code. I can refer to the official documentation and develop, but I was curious about how to quickly develop apps. I completed the course in a total of 3 days. Advantages of the course There is so much to learn. Rather than simply implementing functions, the instructor intentionally adds various functions so that you can learn. Covers techniques that can be applied directly to real-world practice. (How to handle forms and validation, how to use react-query, component separation and reusability considerations, consistent code style, etc.) You can experience the product development process directly. It's not just a simple example level, but I was able to learn the development flow in the field. It was nice to reduce unnecessary parts with cut editing. I think it will be a great help if you learn the code provided in the lecture and improve the code to make it your own. Recommended for Those with a basic understanding of React and CSS Those who want practical development experience Developers with less than 2 years of experience or job seekers who need to learn practical skills without a mentor It may be a little difficult for those who have no React experience at all, so it is recommended to take the course after learning the basic concepts.
- koy
  Instructor
  03/01/2025
  I'm glad that you completed the course quickly and found it helpful. I was surprised that you noticed the detailed aspects that I spent a lot of time on, from the functions and components to code consistency and even editing. Thank you for leaving a great review!
zheros9303
Reviews 18
∙
Average Rating 4.9
03/12/2026
5
30% enrolled
It was very helpful to go through everything thoroughly, from the explanation of basic concepts to the actual refactoring process.
- koy
  Instructor
  03/12/2026
  Thank you for the great course review 👍👍
sungwon68952341
Reviews 2
∙
Average Rating 5.0
02/18/2025
5
34% enrolled
I'm a non-major student currently taking and learning from the lectures, and honestly, I'm learning so much by following along... Moreover, I'm so grateful to the instructor for giving immediate feedback whenever I get stuck, to the point where I admire them... I will continue to learn and improve... Dreaming of becoming a solo developer with a non-major background... 😭😭
- koy
  Instructor
  02/19/2025
  Thank you for the great review. I'll be cheering you on!
thdwngusl7542
Reviews 3
∙
Average Rating 5.0
02/25/2025
Edited
5
47% enrolled
✔️Reason for Choosing the Course While studying front-end as a publisher, I became ambitious to release a product (app) and wanted to become a solo developer! After contemplating which language to choose, I decided to use React Native because I had some experience with React (albeit beginner-level) 😊😊. I searched far and wide for a Native course, and then a new course opened on Inflearn! I decided to take the course after seeing the discount event. Thank you for opening a React Native course; there aren't many available. 😊 ✔️Advantages of the Course It teaches the easiest and most convenient way to develop apps with Expo. It explains the usage of convenient libraries and when it's good to use them! It provides not only front-end but also back-end source code, so you can actually check the database integration. It seems like you can see a complete product if you take the course! ✔️Who I Recommend the Course To I recommend it to those who have basic knowledge of back-end and front-end and want to easily create an app with Expo. Expo definitely allows you to create apps much more easily than taking Native courses elsewhere! But...!! Since I'm ignorant about the back-end, a beginner in React, and not a developer... I started to struggle a lot from the server integration part (from Chapter 5)... I can't solve it even if I spend all day on it, so I'm quitting midway for now 😭. Sometimes it seems like it's done in a snap like Bob Ross, but it's hard for me to understand 😭😭... I decided to listen to more beginner-level courses and listen again when I actually try to create an app with Expo. However, this is because I'm stupid... I recommend the course itself!! 👍
- koy
  Instructor
  02/25/2025
  Thank you for leaving such a detailed review!
- thdwngusl7542
  06/13/2025
  I completed the course and even released my personal app~ There were quite a few constraints because I built it with Expo, and I did encounter library conflicts, but it is indeed a tool that makes it easy to build. The app I made is https://play.google.com/store/apps/details?id=com.badanang.CampWeather. Thanks to Kyo, even though I'm a designer, I was able to release an app, I'm so grateful 😭😭!
- koy
  Instructor
  06/21/2025
  Wow, you're a designer and you even launched it, that's amazing!! I'll try it too! Thank you for completing the course until the end, even though there were difficulties 👍

Kyo's other courses

Check out other courses by the instructor!

Claude Code Ultimate Guide: From Introduction to Production Service Deployment

Kyo

Master Claude Code from the basics to a professional level. You will learn core features (CLAUDE.md, sub-agents, MCP, Hooks, etc.) to develop and deploy actual services, concluding with foundational appendices for non-majors and advanced application lectures.

Beginner

Next.js, supabase, AI

Claude Code Ultimate Guide: From Introduction to Production Service Deployment

Kyo

Database Learning through Practice: Building a Medication Reminder App (SQLite & React Native Expo)

Kyo

We are developing a medication reminder app using React Native. Based on learning the basics of databases and SQL syntax, we will build an app that manages data using SQLite and proceed all the way to store deployment.

Basic

React Native, SQLite, database

Database Learning through Practice: Building a Medication Reminder App (SQLite & React Native Expo)

Kyo

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

Kyo

Learn core data structures and algorithms such as Stack, Queue, Linked List, Sorting, and DFS/BFS by implementing them directly with JavaScript. Solve frequently appearing problem types together to build problem-solving skills essential for coding tests and interviews.

Basic

JavaScript, Algorithm, data-structure

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

Kyo

Creating a restaurant map app (React Native & NestJS)

Kyo

You’ll learn the process of developing and launching your own restaurant review app using React Native. We’ve prepared the entire process, from design and frontend and backend development to deployment.

Intermediate

React Native, TypeScript, NestJS

Creating a restaurant map app (React Native & NestJS)

Kyo

Similar courses

Explore other courses in the same field!

Practical React Native for iOS/Android App Development - Basic

Wintho

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

Basic

React Native, React, ES6

Practical React Native for iOS/Android App Development - Basic

Wintho

React Native with Expo: Learn properly from ZeroCho

zerocho

We have entered an era where it has become incredibly easy for web developers (especially React developers) to launch apps. With Expo, you can release both Android and iOS apps even faster. Let's become developers who can quickly launch apps through Expo.

Basic

React, React Native, Hybrid App

React Native with Expo: Learn properly from ZeroCho

zerocho

Database Learning through Practice: Building a Medication Reminder App (SQLite & React Native Expo)

Kyo

Basic

React Native, SQLite, database

Database Learning through Practice: Building a Medication Reminder App (SQLite & React Native Expo)

Kyo

Mastering Next.js 16+ with TypeScript: From Basics to Modern Architecture

sucoding

This is an all-in-one course that takes you from the basics of TypeScript-based Next.js 16+ to a production-ready project level. You will learn by directly implementing core concepts and practical patterns of the latest Next.js, including App Router, Server Components, Server Actions, Caching, Cache Components, authentication, performance optimization, and deployment.

Beginner

JavaScript, React, TypeScript

Mastering Next.js 16+ with TypeScript: From Basics to Modern Architecture

sucoding

[Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

codecamp

This is the perfect frontend curriculum from a 'real' bootcamp that has produced hundreds of developers. With this single course, you can grow to the level of a junior developer in the field, and you'll gain the ability and knowledge to utilize frontend technology stacks. [Code Camp] has prepared this so that anyone can build their career regardless of their social, economic, or educational background :)

Beginner

React, Next.js, GraphQL

[Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

codecamp

Essential TypeScript Concepts with React and Vue (feat. ChatGPT)

captain

This is a course where you learn essential TypeScript concepts while writing React and Vue code that are widely used in practice. A course for both professionals and beginners that covers everything from how to add types to React and Vue to how to use ChatGPT!

Basic

React, TypeScript, Vue.js

Essential TypeScript Concepts with React and Vue (feat. ChatGPT)

captain

A real introductory all-in-one development boot camp for non-majors

grab

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

Beginner

JavaScript, React, Node.js

A real introductory all-in-one development boot camp for non-majors

grab

TypeScript Introduction - From Basics to Practice

captain

This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

Basic

TypeScript, ES6, JavaScript

TypeScript Introduction - From Basics to Practice

captain

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

In this course, you will be able to create a Reddit website from scratch, step by step.

Basic

Clone Coding, Node.js, React

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

@Sico - Learning TypeScript Properly (Beginner-Intermediate)

seniorcoding

This is a TypeScript course designed to help you become a top-tier web developer through in-depth lessons. By completing this course, you will gain a profound understanding of the essence of TypeScript, enabling you to master React, Next.js, NestJS, and more.

Basic

TypeScript, React, JavaScript

@Sico - Learning TypeScript Properly (Beginner-Intermediate)

seniorcoding

Building Claude Code with TypeScript from Scratch

Hiro Son

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

Basic

React, TypeScript, vercel

Building Claude Code with TypeScript from Scratch

Hiro Son

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

Beginner

React, React Native, react.js

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

React + TypeScript TodoList App - Introduction to Professional TypeScript Projects

ezweb

This is a project-oriented course where you will build a "ToDo List" app using React and TypeScript with a professional touch. Beyond simply learning syntax, you will gain practical experience in using TypeScript by completing a real-world service—from component structure design and state management to type application, feature implementation, local storage integration, and deployment.

Basic

HTML/CSS, JavaScript, React

React + TypeScript TodoList App - Introduction to Professional TypeScript Projects

ezweb

Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board

Neo

Learn Springboot + NextJS RestAPI Board Creation Faster Than Anyone! Develop a CRUD server with Springboot and create your own board with NextJS!

Beginner

React, Kotlin, TypeScript

Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board

Neo

One-Bite React Practical Library Kit - Zustand, TanStack Query, TailwindCSS

winterlood

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

Basic

React, Web Application, TailwindCSS

One-Bite React Practical Library Kit - Zustand, TanStack Query, TailwindCSS

winterlood

Practical TypeScript Learning with Official Documentation

sowhatcoding

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

Beginner

TypeScript, JavaScript, ES6

Practical TypeScript Learning with Official Documentation

sowhatcoding

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

codefactory

This is a highly concentrated Typescript grammar lecture that will turn you into a Typescript grammar expert with just one lecture, even if you don't know anything about Typescript.

Basic

TypeScript

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

codefactory

Creating an Avatar Community App (React Native Expo)

4.9

What you will gain after the course

[Intermediate] Building an Avatar Community App with React Native

Course Introduction

📖 What we cover

🔥 Development Tech Stack

⚡️ Key Implemented Features

Sign up/Login

Feed Infinite Scroll/Search

Post Creation/Poll Attachment

Likes/Comments/Replies + Push Notifications

Profile/Avatar Customization

Settings/Multilingual Support

⭐️ What makes this course different

❗ Notes

🙋‍♂ Q&A

Recommended for
these people

Hello
This is Kyo

Curriculum

Reviews

Kyo's other courses

Similar courses

Creating an Avatar Community App (React Native Expo)

4.9

What you will gain after the course

[Intermediate] Building an Avatar Community App with React Native

Course Introduction

📖 What we cover

🔥 Development Tech Stack

⚡️ Key Implemented Features

Sign up/Login

Feed Infinite Scroll/Search

Post Creation/Poll Attachment

Likes/Comments/Replies + Push Notifications

Profile/Avatar Customization

Settings/Multilingual Support

⭐️ What makes this course different

❗ Notes

🙋‍♂ Q&A

Recommended for these people

HelloThis is Kyo

Curriculum

Reviews

Kyo's other courses

Similar courses

Recommended for
these people

Hello
This is Kyo