Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
TODO List App With Backend (ReactJS + NodeJS) From Scratch
Rating: 4.2 out of 5(2 ratings)
22 students

TODO List App With Backend (ReactJS + NodeJS) From Scratch

Build a Stunning TODO List App with ReactJS: Final Year Project, Portfolio Building Project, POCs and MVP
Created byJitendra Singh
Last updated 1/2024
English

What you'll learn

  • Building the frontend with ReactJS
  • Developing the backend with NodeJS
  • Creating RESTful APIs for CRUD operations on TODO items.
  • Implementing user authentication and authorization
  • Impress potential employers with a practical full-stack project showcasing your ReactJS and NodeJS skills.

Course content

2 sections • 30 lectures • 5h 21m total length

  • Introduction7:08
  • Creating the Initial Setup5:57
  • Preparing the Server10:44
  • Connecting with Database and Creating Model7:35
  • Adding Password Encryption with bcrypt8:57
  • Creating the Register Route7:25
  • Working with Register Controller7:55
  • Creating the Login Route and Controller10:43
  • Adding Routing to our React App7:28
  • Adding Navigation bar and Landing Page19:22
  • Creating Login and Register Pages17:44
  • Completing Login Functionality17:01
  • Completing Register Functionality5:38
  • Modifying Navigation Options11:25
  • Working on ToDo List Models and Routes9:36
  • Adding Authentication Middleware12:51
  • Completing the ToDo List Routes and Controllers11:19
  • Testing our ToDo List Routes3:04
  • Adding Frontend Services6:52
  • Adding Task Creation Modal17:40
  • Getting all the todo tasks20:03
  • Adding the Update Functionality15:28
  • Adding Delete Functionality5:15
  • Completing The Status Update Functionality4:21
  • Adding Complete and Incomplete Dropdown11:56
  • Adding Search and Finishing the App12:47

Requirements

  • Basic understanding of HTML, CSS, and JavaScript.
  • Familiarity with ReactJS fundamentals is recommended.
  • No prior knowledge of NodeJS is required (we'll start from scratch!).

Description

Ready to impress recruiters and ace your final year project?

Buckle up! This course takes you on a comprehensive journey to build a fully functional TODO list app, mastering ReactJS and NodeJS along the way. It's your portfolio powerhouse and final year hero, all rolled into one!


What's on the menu?

  • Frontend Feast with ReactJS:

    • Master the essentials: From setting up your project to conquering state management with hooks and Context API, you'll be a React pro in no time.

    • Craft stunning UI: Build reusable components for your list, items, and form elements, then polish them with CSS modules or styled components.

    • Become a data guru: Learn to manipulate data effortlessly, handle user interactions with confidence, and integrate seamlessly with the backend.

  • Backend Bonanza with NodeJS:

    • Unlock the server-side magic: Set up your project with Express and build robust RESTful APIs for all your CRUD operations.

    • Connect the dots: Learn how to make those APIs sing by connecting your frontend and backend through powerful API calls.

    • Level up with security: Dive into user authentication and authorization for an extra layer of protection (optional).

  • Deployment & DevOps Delights:

    • Go live with confidence: Deploy your app to the world on platforms like Heroku or Netlify.

    • Version control made easy: Master Git and GitHub for seamless project management.



This course is your perfect fit if you're:

  • A final year student seeking a killer final project that showcases your web development skills.

  • A junior developer hungry for practical experience building full-stack applications.

  • A career changer eager to enter the exciting world of web development with in-demand skills.

  • Anyone passionate about ReactJS and NodeJS ready to deepen your understanding and build a practical project.




Don't just learn, build! Enroll now and transform your development journey with this power-packed course.

Your dream portfolio project and aced final year are just a click away!


Who this course is for:

  • Final year students: Build an impressive final year project and showcase your full-stack development skills.
  • Junior developers: Gain practical experience building a complete web application with ReactJS and NodeJS
  • Career changers: Transition into the exciting world of web development with in-demand skills.
  • Anyone passionate about ReactJS and NodeJS: Deepen your understanding and build a functional real-world project.

Report abuse