Todo list app

Todo list App

Build Status Badge

Deployed here

Table of Contents

About

A simple application for recording and managing tasks. Tasks can be added, marked as completed, and deleted.

Todo app preview

Built with

babel css3 html5 typescript jest eslint redux

Redux State and Reducers

  • Implementation of clearer task state management: Allows you to effectively manage the state of tasks in the application.
  • Task Reducers: Includes the addTask, deleteTask and toggleTask reducers for managing tasks.

Local State Saving

  • Save and load state: Ability to save and load task state to/from localStorage, providing convenience and data safety.

Initializing State

  • Initialization from localStorage: The initTasks reducer is used to initialize the state of tasks from localStorage.

UI update

  • Synchronizing the task list with the state: The updateUI function ensures that the task list is synchronized with the Redux Store state.

Tools

  • Tools Setup: Jest, ESLint, Webpack, Husky and GitHub Actions are configured and installed to support development.
  • Workflow for CI/CD: Configured workflow to perform linting, testing and deployment, speeding up the CI/CD process.

Getting started

Prerequisites

⚠️ Before installing the project latest version of npm should be installed.

npm install -g npm@latest

Installing

  1. Clone the repo
git clone https://github.com/dmitrygvl/toDoListApp.git
  1. Install NPM packages
npm install
  1. Start the project
npm run start

License

MIT License