React Project for Beginners: Building a Todo List App

The perfect course for React beginners! Apply React concepts to a real-world project while building a todo list app!

This course will guide you on how to start a React project from scratch. We will cover everything from planning and designing the project to coding it out using HTML, CSS, and React from scratch.

What you’ll learn

  • Create a React project from scratch.
  • How React concepts are applied to a real-life project.
  • Use functional components, useState, and props to create a todo list app.
  • Design a React project and break it down into components, state, and props.

Course Content

  • Getting Started –> 4 lectures • 4min.
  • Coding Our App –> 7 lectures • 29min.
  • Conclusion –> 1 lecture • 1min.

React Project for Beginners: Building a Todo List App

Requirements

This course will guide you on how to start a React project from scratch. We will cover everything from planning and designing the project to coding it out using HTML, CSS, and React from scratch.

While making our todo list, we will cover the following topics:

  1. How to use CodeSandbox for faster development
  2. How to structure a React project
  3. How to create functional components
  4. How to add state using useState
  5. How to use props and pass props across multiple levels
  6. How to reuse components and its benefits
  7. How to create nested components

After taking this course, you will have a good understanding of how to create a React project from scratch and how different React concepts can be applied in real-life projects. By the end you’ll also have a todo list application which you can show off to your friends!

This course is perfect if you want to get started with React or have watched a few tutorials and want to understand how to apply the concepts you’ve learnt into an actual project.

This course also includes a class project which you can complete once you are done with the course. This will help strengthen your concepts and you can share what you have made with the community!

Get Tutorial