CF

Duolingo Clone

11h 12m 32s
English
Paid

Duolingo Clone is a 29-lesson 11 hours 12 minutes self-paced course by Antonio Erdeljac (Code With Antonio). In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo.

Course facts

Lessons
29
Duration
11 hours 12 minutes
Level
All levels
Language
English
Updated
Instructor
Antonio Erdeljac (Code With Antonio)
Price
Premium

In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to select language courses and go through structured lessons with beautiful design, characters, audio, and visual effects. You will study Next.js 14, Drizzle ORM, PostgreSQL, Server Actions, Stripe, ShadcnUI, Tailwind, and much more.

Who teaches Duolingo Clone? Antonio Erdeljac (Code With Antonio)

Antonio Erdeljac (Code With Antonio) thumbnail

Antonio Erdeljac is a Croatian developer behind the Code With Antonio YouTube channel — one of the more active independent full-stack JavaScript channels online, with a focus on long-form, project-based clones of well-known applications (Netflix clone, Spotify clone, Notion clone, Discord clone, Trello clone). The channel's distinctive contribution is the depth of those clone tutorials — each typically runs 8-15 hours and covers the full back-end-to-front-end implementation of a working app.

The course catalog covers the modern Next.js / React stack: App Router patterns, server components, server actions, Prisma + PostgreSQL, NextAuth / Clerk authentication, Stripe billing, file uploads, real-time features with Pusher, and the deployment workflow with Vercel. Material is paid extended versions of the YouTube content with additional features and context.

The CourseFlix listing under this source carries over 15 Code With Antonio courses spanning that range. Material is aimed at intermediate-and-up React developers building real full-stack applications.

What lessons are included in Duolingo Clone?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 29 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Intro
All Course Lessons (29)
#Lesson TitleDurationAccess
1
Intro Demo
02:24
2
Setup
09:52
3
Buttons
17:43
4
Marketing Page
09:24
5
Authentication
21:20
6
Footer
07:06
7
Main Layout
17:53
8
Sidebar
12:54
9
Learn Page Wrappers
22:09
10
Drizzle & Neon
13:59
11
Courses Page
18:21
12
User Progress
28:44
13
Seed Script
18:11
14
Schema
24:21
15
Units
27:38
16
Lesson Button
33:22
17
Course Progress
21:37
18
Lesson Header
20:44
19
Exit Modal
11:29
20
Challenge Cards
38:13
21
Challenge Footer
25:18
22
Challenge Actions
42:06
23
Challenge Finish Screen
35:44
24
Challenge Practice
17:12
25
Shop
17:39
26
Stripe
44:34
27
Details
45:02
28
Admin
55:39
29
Deployment
11:54
Unlock unlimited learning

Get instant access to all 28 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Duolingo Clone?

  • Build and Deploy a Lovable Clone thumbnailUpdated 11mo ago

    Build and Deploy a Lovable Clone

    By: Antonio Erdeljac (Code With Antonio)
    Unlock the potential of AI in application development with this comprehensive course, where you will build and deploy an innovative AI platform from scratch.
    10h 34m
  • Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery thumbnailNew

    Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery

    By: Michael Guay
    Master the development of Instagram clones using NestJS and Next.js. Build scalable applications and enhance your full-stack skills.
    15h 40m
  • Build a full stack Next.js app with Cursor thumbnailNew

    Build a full stack Next.js app with Cursor

    By: Gregory John
    Learn how to create applications with Next.js: UI design, authentication, databases, UX, payments via Stripe, and email automation. Suitable for beginners.
    8h
  • The Joy of React thumbnailClassic

    The Joy of React

    By: Josh Comeau
    The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.
    25h 35m5/5
  • Next.js Ecommerce thumbnailClassic

    Next.js Ecommerce

    By: Brad Traversy
    Next.js Ecommerce Course is a comprehensive 22-hour program that teaches step by step how to create a full-fledged e-commerce platform using Next.js 15.
    22h 12m5/5
  • Full-Stack Fundamentals 1 - Frontend thumbnailUpdated 1y ago

    Full-Stack Fundamentals 1 - Frontend

    By: Mckay Wrigley
    Embark on an exciting journey to create your personal portfolio website from scratch, showcasing your burgeoning skills in software development using AI.
    1h 8m
  • The Ultimate NextJs Course thumbnailUpdated 2y ago

    The Ultimate NextJs Course

    By: Hamed Bahram
    NextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast.
    15h 7m5/5

More courses by Antonio Erdeljac (Code With Antonio)

Frequently asked questions

What are the prerequisites for this course?
Participants should have a basic understanding of web development, including familiarity with JavaScript and React. Knowledge of Next.js and experience with database management will be beneficial but not mandatory, as the course covers these areas in detail.
What will I build during this course?
You will develop a language learning SaaS application similar to Duolingo. The application will include features like language course selection, structured lessons, user authentication, and a payment system using Stripe. It will also have a marketing page, user progress tracking, and an admin panel.
Who is the target audience for this course?
This course is designed for web developers interested in building SaaS applications, particularly those who want to learn how to integrate various technologies like Next.js 14, PostgreSQL, and Stripe. It is also suitable for those looking to enhance their skills in creating interactive, user-friendly web applications.
What specific tools and platforms will be used in this course?
The course will utilize Next.js 14 for the front-end framework, Drizzle ORM for database operations with PostgreSQL, and Stripe for payment processing. Tailwind will be used for styling, while Server Actions and ShadcnUI will help with server-side operations and UI components, respectively.
What is not covered in this course?
The course does not cover advanced language processing techniques or AI implementations for language learning. It focuses on building the infrastructure and basic features of a language learning platform without delving into backend machine learning models or extensive linguistic content creation.
How much time should I expect to commit to this course?
The total runtime of the course is 11 hours. However, additional time should be allocated for hands-on practice and project development. Depending on your familiarity with the topics, you might spend extra hours debugging and refining the application.
How can the skills learned in this course be applied to other projects or careers?
The skills acquired from this course, such as using Next.js, managing databases with Drizzle ORM and PostgreSQL, and integrating payment systems with Stripe, are applicable to a wide range of web development projects. These skills are valuable in both freelance and corporate settings, opening opportunities in SaaS development and full-stack web development roles.