Build a Fullstack Task Manager Application: Next.js, React, Prisma, MongoDB - Full Tutorial

New Socials

More videos here....

Full Stack Development with React and Node js - Expense Tracker Application.

Timestamps
00:00 - Introduction
00:03:12 - The Code Dealer Website
00:05:58 - Initial Setup and Sidebar
01:32:35 - Prisma Setup and Task Creation
02:11:05 - Getting and Displaying Tasks
03:04:05 - Top Loading Bar, Task Delete and Task Create
03:26:31 - User Profile and Important, Completed, Do It Now Pages
03:52:04 - Task Creation Modal and Task Update
04:40:48 - Mobile Screens and Some Other Features

#thecodedealer #webdevelopment #nextjs13

Download the extenstions below for VS Code, they might come in handy for future videos that are coming soon.
VS CODE EXTENSTIONS: 1) Atom One Dark Theme
2) Indent Rainbow
3) JS JSX Snippets
4) Live Sass Compiler
5) Mithril Emmet
6) Styled-Components-Snippets
7) VsCode Icons
8) Live Server
9) JavaScript (ES6) Code Snippets
10) ES7 React/Redux/GraphQL/React-Native Snippets
11) SASS
12) Vs-Code-Styled-Componets
13) HTML CSS Support
14) Javascript and Typescript Nightly
15) IntelliSense for CSS class names in HTML
16) Python
17) Console Ninja

[tatemo_labs]

this is an awesome demostration of Next.JS, thank you for it.

[wesom-]

That was exactly what I was looking for to build! It really helps me improving my programming abilities and I can use it to organize my todos at the same time. This is super valuable, thank you so much!

[ProxusGaming]

I would recommend everyone to pause video every 10 mins and code your self, it helps you understand the logic.

[album_lagu]

Thankss a lottt im your new subscriber now !!! LOVE IT

[ammarhaidar]

Great, looking forward for projects with Next14👌👌👌

[FongangFonjuBoniface]

Hii i have an issue my task is not adding. I keep have the error message "Error creating task" please how can i solve this because i have followed the course step by step

[jahanpanahshah]

Why have you not completed the app? Update section is still remaining? It's not in your github repo?

[bhavyagautam]

I am getting a error in tasks.tsx that "map is not a function"

[marcossouzajr]

Why did you keep tailwindcss but use Styled components ? Thanks for this awesome project!

[farhanazeemi]

Hy can we use "work on it" button as well?

[rizonrahat]

Can i use this project for student project progress management?

[mahdiboughanmi]

beautiful tutorial <3 can u make a landing page tutorial like ur own website it's so beautiful, the animation the design is well donee !!

[FongangFonjuBoniface]

hello This is a great project. I love it. Thanks a lot

[lambwock]

Great video and thank you for posting this!

I have one question though.

Starting around 3:40:00 you start do that workaround/hack on the User's Profile Picture Image and Name.

I'm a little confused as to why you did all of that extra work/coding instead of just using <UserButton showName={true}/> and then tweaking the clerk's internal class name to reverse the flex-direction of the PFP + Name. It gave the same results in the end.

[Pressurehandler]

15:17 its not working for me, the padding display etc turn into string instead of css

[james.kaloki]

The project live preview isnt available

[BreydanTan]

is your tech stack include nodejs ? may I know now is still necessary using nodejs or if have prisma then no need node js anymore?

[glennhaertlein]

Does he cover how to EDIT a task? I think I missed it.

[ellenmypham]

I'm stuck in 2:22:43 where I can't render the tasks on the page even though there are tasks data printed to the console when doing console.log(res.data) after fetching data using axios in globalProvider.js. I've been cross-checking with the source code, everything seems fine, not sure where it goes wrong. Anyone had the same issue and how did you solve it?

[aminda]

great
this project how to handle user authentication?