Todo app multi-window

Demo: Todo app

Welcome! 👋

Table of contents

• Overview
  • The challenge
  • Used
  • Screenshot
  • Links
• Get started
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Add new todos to the list
• Mark todos as complete
• Delete todos from the list
• Edit todos
• Filter by all/active/complete todos
• Clear all completed todos
• Toggle light and dark mode
• Drag and drop to reorder items on the list
• Save list to localStorage

Used

• React
• Redux, redux-persist
• TypeScript
• Styled-components
• ThemeProvider, React icon
• React Router и redux state sync (Для реализации многооконного приложения)

Screenshot

Links

• Live Site URL: https://todo-app-liart-rho-37.vercel.app/

Get started

git clone https://github.com/GragertVD/todo-app.git

cd client

npm install

npm start

Author

• telegram - gragert_vd