Advanced
Build a Notion Clone with React and TypeScript

Build a Notion Clone with React and TypeScript

Enhance your React and TypeScript skills while developing a flagship application for your portfolio that demonstrates your ability to create complex full-stack projects. Additionally, learn how to utilize Vite for efficient project setup and Supabase for managing database operations and user authentication.

Subtitles:

English, Français, Deutsch, Español, العربية, Nederlands, Vlaams, हिन्दी, हिंदी, Bahasa indonesia, 日本語 (にほんご/にっぽんご), Português, Română

Audio:

English

Overview

Structure

  • Total sections: 16

    Total lessons: 112

  • 1. Introduction

    5 lessons

  • 2. Introduction to React TypeScript!

    5 lessons

  • 3. Creating React TypeScript Applications

    16 lessons

  • 4. Notion Clone: Creating The Project

    4 lessons

  • 5. Introduction to TypeScript

    21 lessons

  • 6. Using React with TypeScript

    8 lessons

  • 7. Notion Clone: Basic Implementation

    10 lessons

  • 8. Notion Clone: Move State Management to Context

    6 lessons

  • 9. Notion Clone: Add Multiple Node Kinds

    6 lessons

  • 10. Notion Clone: Dragging the Nodes

    4 lessons

  • 11. React TypeScript Cookbook

    3 lessons

  • 12. Notion Clone: Implement Authentication

    5 lessons

Author

Price

Monthly
$39
/month

Unlimited access to all courses, projects + workshops, and career paths

Access to our private Discord with 400,000+ members

Access to our private LinkedIn networking group

Custom ZTM course completion certificates

Live career advice sessions with mentors, every month

Full access to all future courses, content, and features

Access to our private Discord with 450,000+ members

Unlimited access to all courses, projects, and career paths

Unlimited access to all bootcamps, bytes, and projects, and career paths

Access to our private LinkedIn networking group with 100,000+ members

Buy now
Popular
Annual
$192
/year
USD 16/month

Unlimited access to all courses, projects + workshops, and career paths

Access to our private Discord with 400,000+ members

Access to our private LinkedIn networking group

Custom ZTM course completion certificates

Live career advice sessions with mentors, every month

Full access to all future courses, content, and features

Access to our private Discord with 450,000+ members

Unlimited access to all courses, projects, and career paths

Unlimited access to all bootcamps, bytes, and projects, and career paths

Access to our private LinkedIn networking group with 100,000+ members

Buy now
Lifetime
$999
/lifetime

Unlimited access to all courses, projects + workshops, and career paths

Access to our private Discord with 400,000+ members

Access to our private LinkedIn networking group

Custom ZTM course completion certificates

Live career advice sessions with mentors, every month

Full access to all future courses, content, and features

Access to our private Discord with 450,000+ members

Unlimited access to all courses, projects, and career paths

Unlimited access to all bootcamps, bytes, and projects, and career paths

Access to our private LinkedIn networking group with 100,000+ members

Buy now

Frequently asked questions

Essential:

  • You should have a solid understanding of JavaScript, HTML, and CSS. If you're starting from scratch, consider enrolling in the Complete Web Developer course!

Suggested:

  • Familiarity with React and TypeScript is beneficial but not mandatory, as this project will help you quickly learn what you need!

Absolutely! We offer beautifully designed certificates upon course completion. Plus, you can proudly list Zero To Mastery Academy in your LinkedIn education section.

Yes! Our courses come with high-quality subtitles available in 11 languages: English, Spanish, French, German, Dutch, Romanian, Arabic, Hindi, Portuguese, Indonesian, and Japanese.

You can customize the font size, color, and background to ensure the subtitles meet your personal preferences!

If you have further inquiries about the Academy membership, don’t hesitate to reach out! We’ve got more answers for you here.

Guaranty

100% money-back guaranty.

Guaranty period is 30 days, beginning from the purchase day.

$39-$999
Advanced
Build a Notion Clone with React and TypeScript

Build a Notion Clone with React and TypeScript