Task Manager Coding Project Tutorial - Next.js, React, Prisma, MongoDB

Learn how to code an awesome full stack Task Manager App using Next.js, React, Prisma, and MongoDB.
Code: github.com/Maclinz/todoapp_fu...
Live Link: todoapp-fullstack-khaki.verce...
✏️ Course developed by @TheCodeDealer
⭐️ Contents ⭐️
(0:00:00) Introduction
(0:03:48) The Code Dealer Website
(0:06:34) Initial Setup and Sidebar
(1:33:11) Prisma Setup and Task Creation
(2:11:41) Getting and Displaying Tasks
(3:04:41) Top Loading Bar, Task Delete and Task Create
(3:27:07) User Profile and Important, Completed, Do It Now Pages
(3:52:40) Task Creation Modal and Task Update
(4:41:24) Mobile Screens and Some Other Features
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

Пікірлер: 49

  • @TheCodeDealer
    @TheCodeDealerАй бұрын

    Thank you very much everyone for watching and also many thanks to freeCodeCamp for hosting my video again :)

  • @MyCodingDiarie
    @MyCodingDiarieАй бұрын

    This video deserves way more views. Sharing it with all my friends!

  • @user-qo1hf6ci5t
    @user-qo1hf6ci5tАй бұрын

    Thanks for the great video!🐻

  • @anbhuonline
    @anbhuonlineАй бұрын

    This is really cool. Shud try this ASAP

  • @lazarokabira2945
    @lazarokabira2945Ай бұрын

    Thanks for this

  • @manuQAE
    @manuQAEАй бұрын

    Really amazin project!

  • @jshaya96
    @jshaya96Ай бұрын

    I'm getting a sense of UK/Birmingham accent from this guy. Love to hear it :D

  • @jordangallant7482

    @jordangallant7482

    17 күн бұрын

    This is what a South African accent sounds like....

  • @jshaya96

    @jshaya96

    17 күн бұрын

    ​@@jordangallant7482 and where exactly in south africa is this dialect? His Github link even shows from UK so, I'm going to stand by what I said. But if you can show me the region that has this dialect it would be interesting too.

  • @KINZonlineMarket
    @KINZonlineMarketАй бұрын

    Thanks

  • @not_amanullah
    @not_amanullahАй бұрын

    this is helpful ❤

  • @vinayvardhanyt2415
    @vinayvardhanyt2415Ай бұрын

    Thank you

  • @not_amanullah
    @not_amanullahАй бұрын

    thanks ❤

  • @lemonslover
    @lemonsloverАй бұрын

    Is it necessary to create a new catalog for each damn component?)

  • @br3ak_
    @br3ak_Ай бұрын

    I really wish these videos would stop being advertised as courses or tutorials, they're neither really, and don't have anything in common with it. This type of videos are 'code-along videos', that's what they are, and that's what they should be called, there's nothing bad about it, on the contrary, they're super useful for people that are at least at a junior level looking to see how other people do stuff, then do it on their own. But advertising them as courses is misinformation, you're not explained anything, you're not challenged, you just watch someone else complete a project.

  • @dnjosh10

    @dnjosh10

    Ай бұрын

    You are right my brother I have said this thing in one of my comments on one of those videos before but people misunderstood me. What is like this they don't teach one how to be a developer rather they are displaying their skills. Imagine writing a line of CSS or a function in JavaScript or React JS and failing to explain vividly what that line of code does to the entire application.

  • @tojifushigoro3134

    @tojifushigoro3134

    Ай бұрын

    Yep u need to have pre requisite knowledge

  • @elev007

    @elev007

    Ай бұрын

    I think your criticism is incorrect and unjustified. This is an asynchronous self-directed tutorial. By virtue of being async - you can access it at any time. By being self directed it requires that viewers/students take the initiative to identify their learning needs, formulate questions, seek out resources, and apply the information. This approach helps with independence and critical thinking skills. It's clear by the title and the nature of the video that the above is the nature of the video. In your case, it sounds like what you want is a synchronous instructor led learning course. In this case - you need to pay for such instruction and to go elsewhere for such a course.

  • @forgottenvy

    @forgottenvy

    Ай бұрын

    This so much. They code along videos are not comprehensive enough to learn as a beginner. And they are a bit more suited for platforms like scrimba than youtube where you can interact with the code on the fly. Learning by building project can help but if the creator is just an experienced dev who's looking for extra bucks just livestreaming his worklflow ....it's a painful waste of time. And a lot of frustration to set anyone back a few steps

  • @neverfever3725

    @neverfever3725

    Ай бұрын

    Coding project tutorial what's wrong with that?

  • @Parselinho
    @ParselinhoАй бұрын

    Does beginners can watch this video as well?

  • @keerthes
    @keerthesАй бұрын

    oh daily tasks i taught of windows tasks manager kind of can we do that one day ?

  • @edulynczm
    @edulynczmАй бұрын

    Is there a possibility of making an Issue Tracker as well😂

  • @santoshchulakimath
    @santoshchulakimathАй бұрын

    I only know react can i watch this course

  • @codeknight1645
    @codeknight1645Ай бұрын

    Edit is not working fix the bug

  • @Lau-td9bc
    @Lau-td9bcАй бұрын

    this doesn't have authentication, does it?

  • @codeknight1645
    @codeknight1645Ай бұрын

    There is error in your live app. Please fix it fast.This is ridiculous.

  • @advenakash8757
    @advenakash8757Ай бұрын

    how to get that themes.js file he brings that out from nowhere

  • @johnb3326

    @johnb3326

    Ай бұрын

    From the GitHub repository in the description

  • @codeknight1645
    @codeknight1645Ай бұрын

    @TheCodeDealer fix your error

  • @vikasni95
    @vikasni95Ай бұрын

    Follow my channel to learn JavaScript & React.js - youtube.com/@wakeup_programmer?si=AnGQsd7Ks0KrYZTB

  • @ZohaibAallii
    @ZohaibAalliiАй бұрын

    Stolen from lamadev

  • @dab500

    @dab500

    Ай бұрын

    How?

  • @vipulzz1
    @vipulzz1Ай бұрын

    I'm First

  • @Simple_OG
    @Simple_OGАй бұрын

    It's soo bad to write backend in next js i always prefer node for backend some times c++

  • @faizansohail5855

    @faizansohail5855

    Ай бұрын

    Why?

  • @oyepariolaoluwalonimi8185

    @oyepariolaoluwalonimi8185

    Ай бұрын

    Wow

  • @nghiapham7651

    @nghiapham7651

    Ай бұрын

    c++ for be ??? lol 🤣

  • @user-wf6eq9og1o

    @user-wf6eq9og1o

    Ай бұрын

    Me too. Fastify or Rust.

  • @kelvinluk9121

    @kelvinluk9121

    Ай бұрын

    ​@nghiapham7651 why not? especially for mission critical and/or high throughput low latency backend

  • @eyearm1535
    @eyearm1535Ай бұрын

    Please perfect your videos before uploading. At this point, i don't even know what I'm doing again. Just watching you without any explanations