eman-alatawi / building-a-to-do-app---redux

Building a To-Do App

DESCRIPTION

Build an app using React and Redux where the user can add new to-dos and can remove to-dos after completing the respective tasks.

Background of the problem statement:

You are a web developer at an IT company. The company has decided to launch a new app called Track Your Task, where users can add tasks, move tasks to done, and also delete the tasks. During sprint planning, you agree to lead this project and develop an app.

You must use the following tools:

• NodeJS: To build JavaScript applications

• Visual Studio Code: An IDE to code for the application

• React: To build the application

• Redux: To manage the state of components in the application

• Git: To connect and push files from the local system to GitHub

• GitHub: To store the application code and track its versions

Following requirements should be met:

• The app should be responsive.

• There should only be one source of truth for state management.

• The app should have functionalities to add new to-dos, mark tasks as completed, and delete the to-dos.

List of technologies used in this project:

• ReactJS
• React Bootstrap
• React Hooks
  • useState()
• react-redux hooks
  • useDispatch()
  • useSelector()
• uuid
• sweetalert
• GitHub
• Visual Studio Code

App Screenshot:

Some useful Resources:

• [sweetalert ~ A beautiful replacement for JavaScript's "alert"][https://www.npmjs.com/package/sweetalert]

• [uuid ~ For the creation of RFC4122 UUIDs][https://www.npmjs.com/package/uuid]