rautellin / project-todos

To do app | Redux, React.js & Styled components

A todo app using React.js and Redux

A to-do app with different functionalities such as adding tasks with a category and a due date. The app can remove all tasks or individually and list different tasks depending on the category.

View it live

https://rautellin-todos.netlify.app/

What I got to learn 🧠

• How to structure a redux store
• How to write reducers and actions
• How to interact with the store using selectors or by dispatching actions
• How to use Font-face with React
• How to use React Datepicker
• How to use React Select
• Hot to use localStorage
• How to use Intl.DateTimeFormat

Requirements reached 🧪

• The app list all todo tasks - completed or uncompleted
• The app is able to mark an uncompleted task as complete
• The app is able to change a completed task back to uncomplete
• The app is able to add new tasks
• The app is able to show a count of either all todos, or all uncomplete todos

Strech goals reached 🧘

• Added a 'clear all' button
• Added a due date to a task
• Used styled-components
• Added categories and different icons for tasks
• Added a filter and a drop down to change the task list is displayed
• Added React Select
• Added localStorage
• Used Font-face with React