Prioritize app built with React

Deployment

How to Use

• clone
• yarn
• yarn dev
• server will start on localhost:3000/prioritize/
• Despite the fact , that login and password available on login page , I will state it here :

Password for test user below: (click to expand)

Email: free@samuraijs.com

Password: free

This is a single page web-based application that allows users to manage their tasks. The app features the ability to add, remove, rename, and mark tasks as completed, as well as display all, active, or completed tasks. The app also includes a feature to switch between dark and light themes, as well as a login/authentication flow to protect user data.

The application is connected to a real server, which allows for seamless data management and storage.

Technologies Used

• TypeScript
• React
• Redux Toolkit
• Redux Thunk
• React Router DOM
• Material-UI
• Formik
• Axios
• Styled Components

Features

• Add todolist
• Delete todolist
• Rename Todolist
• Add a new task to the list
• Remove a task from the list
• Rename a task in the list
• Mark a task as completed
• Display all tasks in the list
• Display only active tasks in the list
• Display only completed tasks in the list
• Switch between dark and light themes
• Login/authentication flow to protect user data

Challenges

During the development of this application, I encountered several challenges, including:

• Learning how to use Material-UI and integrate it into the application
• Implementing user authentication and authorization for the server
• Figuring out the best way to manage state using Redux and Redux Toolkit
• Integrating with the server using Axios and handling errors and responses appropriately
• Building a responsive design using Styled Components and media queries