ronaldprofile / todolist-with-reactjs

todolist project made with React JS and Typescript.

Home Page:todolist-with-reactjs.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

todo.list

News

  • simple home page, with the same animation as the vercel website.
  • app logout function, just click on the profile picture and the confirmation modal will appear.
  • Drag in Drop to order your tasks.

๐Ÿ’ป Project

The so famous whole list of life, I've done this type of project other times, but now I wanted to create it with ReactJS. Basically the user can add, edit and delete their tasks.

below is a demo of the project

demo-todolist.mp4

Details

  • In the project the firebase authentication service is used.
  • The user only needs to login once.
  • User data is saved in the browser via localStorage. A good solution for this scenario, maybe in the future we will use a database.
  • In the project I used a package called immer . It's a tiny package that lets you work with the immutable state in a more convenient way.

๐Ÿš€ Techs

Execute

  • clone git clone https://github.com/ronaldprofile/todolist-with-reactjs.git
  • install dependencies yarn
  • start server yarn start

About

todolist project made with React JS and Typescript.

todolist-with-reactjs.vercel.app


Languages

Language:TypeScript 95.3%Language:JavaScript 2.1%Language:HTML 2.0%Language:Shell 0.4%Language:CSS 0.2%