ziwei531 / to-do-list

A To Do List Application to demonstrate my fullstack knowledge

Home Page:https://to-do-list-ziwei531.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

to-do-list

A to do list application that demonstrates my knowledge on React and connecting it to a backend (MongoDB) through API calls. API is deployed here

Key Things I've learned

  • I learned how to create a React app with a backend by installing the necessary packages for both the frontend and backend separately. (Made a mistake by initially assuming they're together in one repository)
  • I learned how to fetch APIs and create my own API, as well as how to handle CRUD operations for both the frontend and backend.
  • I further reinforced my knowledge of React hooks and other concepts, such as useEffect, useState, and props passing.
  • I've learned how to use CORS to prevent unauthorized access and also how to provide those who should have access (me!) in accessing the API I've created.

Live Demo

Live Demo can be viewed here

Overall View

enter image description here

Adding New Tasks

Adding "Buy Pen" enter image description here

"Buy Pen" added enter image description here

Deletion

enter image description here

Editing (Update)

enter image description here

After Edit:

enter image description here

About

A To Do List Application to demonstrate my fullstack knowledge

https://to-do-list-ziwei531.vercel.app

License:Apache License 2.0


Languages

Language:JavaScript 54.3%Language:CSS 36.0%Language:HTML 9.8%