Build a complete React Todo App from scratch—starting with project setup and basic UI, adding routing and Material-UI, fetching data via APIs, implementing authentication with JWT and Context, and enhancing UX with filtering, sorting, and pagination.
What you'll learn
Initialize and configure a React project with Vite
Build a to-do interface with reusable React components and Material UI
Implement routing between application views
Fetch and display application data from an API
Authenticate users with JWT tokens and manage sessions with React Context
Filter, sort, search, and paginate to-do items
Advantages and disadvantages
Advantages
University courses you can audit for free, with lectures, readings and practice quizzes.
A verified certificate from the university if you pay for it.
Self-paced: start any time.
Disadvantages
Graded assignments and the certificate need the paid track.
Audit access can expire a few weeks after the course ends.
Learning is free, but the certificate costs money.
Some parts (graded work, certificate) are paid.
Some points apply to every course of this kind; see how we rank.
Free to audit
Free: Choose "Audit this course" when you enrol: lectures, readings and practice are free.
Paid: Graded assignments and the verified certificate (Certificate $40). Audit access may end after the course closes.
Before you start
Beginner: Interacting with Back-end and APIs (React)
Beginner: JavaScript Programming and DOM API (React)
This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…
Learning objectives This course picks up where Harvard University's CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Flask, Django, and Bootstrap. Topics include database design, scalability, security, and user…