Build React, Next.js full-stack Trello Clone from scratch beginner to advance. Next.js 14 App router full course with Nextjs, Typescript, MongoDB, Prisma, Tailwind css, Next Auth.

Support Us: https://www.patreon.com/CodeScrapper

If you have any Project Contact me: https://www.fiverr.com/mehtabkazmi

Let indulge into the world of modern web development as we guide you through building a powerful Trello clone using Next.js, Next Auth, and Prisma. Full course with Nextjs, Typescript, MongoDB, Prisma, Tailwind css, Next Auth.

What You'll Learn:

- Setting up a Next.js project for your Trello clone.

- Implementing user authentication with Next Auth for secure access.

- Creating a dynamic and responsive user interface with React components.

- Building real-time functionality with Next.js API routes.

- Leveraging Prisma for efficient and scalable database management.

Timestamps:

00:00 - Introduction

07:38 - Installation

10:30 - Header Design

25:53 - Navbar Design

31:46 - Footer Design

37:45 - Productivity Design

50:35 - Slider Design

01:06:40 - Plans Component Design

01:16:15 - Login Design

01:12:45 - Create List Integration

01:26:00 - Next-auth (Google Authentication)

01:38:27 - Prisma integration and database relations

02:09:40 - Mongodb connection

02:27:19 - Organization Page Design

03:14:36 - Create Organization

03:32:00 - Get Organization

03:56:35 - Organization header design

04:21:35 - Create and Get Boards

05:08:28 - Board page design

05:21:20 - Delete Board

05:39:45 - Get board lists and Design UI

06:03:55 - Create List functionality

06:36:05 - Edit List functionality

07:06:48 - Copy List functionality

Who is this for?

- Beginners looking to strengthen their understanding of Next.js, React, and authentication.

- Developers interested in building practical, real-world applications.

- Anyone eager to enhance their web development skills with a hands-on project.

Code Along:

Follow along with our step-by-step coding sessions to build each feature of the Trello clone. The code snippets will be shared GitHub for your reference.

Important Note:

Make sure to pause, rewind, and experiment with the code as you go. Learning by doing is key to mastering web development!

Don't forget to like the video, subscribe to our channel, and hit the bell icon to stay updated on more exciting web development tutorials. Let's build something amazing together. #prisma #nextjs14 #tailwindcss #mongodb #next-auth #WebDevelopment #clone #trello #ProgrammingTutorial #typescript #CodeScrapper