spatulatom / todo-reactjs-redux

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


a To-Do List is a React/Redux webb app - this repository contains its source code
View the deployed app »

Table of Contents
  1. About The Project
  2. Built With
  3. Acknowledgments

About The Project

This little project is a to-do list built with React and Redux library. Tasks on the list can be marked as completed or they can be deleted and then the whole list can be sorted accordingly: it can display all tasks, only completed tasks or only uncompleted tasks. Tasks are being saved in localStorage.

Product Name Screen Shot

(back to top)

Built With

  • HTML, CSS
  • React
  • Redux
  • GitHub pages for deployment
  • Chrome Developer Tools for testing screen sizes and using Lighthouse.
  • Visual Studio Code as a local IDE & repository.

This React.js app is using Redux with Hooks like useSelector() and useDispatch() for connecting to the Redux store and Redux Toolkit's createSlice function (that uses Immer library) for creating reducers (and writing immutable updates in the reducer - no more tedious state coping like in the older verion of Redux). Actions are dispatched to manage saving/retriving state from localStorage through the rerender cycles.

(back to top)

Acknowledgments

(back to top)

About


Languages

Language:JavaScript 68.7%Language:CSS 20.8%Language:HTML 10.6%