Transforming complex challenges into strategic digital opportunities through innovation and technical excellence.
Everything you need to know about this video tutorial
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
Trello Part-1: https://youtu.be/9iOachOlCA8?si=H9Unk3_CUBvhmTj2
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 - Drag and Drop List
26:50 - Card Design and Display Card
57:20 - Create Card functionality
01:15:55 - Card Modal design
01:24:20 - Get card details
01:46:00 - Update Card
02:19:43 - Display Activities of Card
02:46:26 - Copy Card
02:56:45 - Delete Card
03:01:17 - Get Organization members
03:09:30 - Create Organization members
03:50:30 - Remove Organization Member
04:04:28 - Add Member in Board
04:35:05 - Add Member in Card
04:58:24 - Remove Members from Card
05:16:23 - Get All Activities
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
Want to explore more amazing courses?
Browse full library