TaysonGermano / todo-with-react

This is a Todo app with a modern look. To keep data consistency I used LocalStorage since this is a front-end web app. Also this project was created with Reactjs

Modern Todo APP -Frontend Mentor Challenge

Table of contents

• Overview
  • Requirements
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

Requirements

Users can:

• Create new todos
• See a list of todos
• Edit todos
• Delete todos
• Mark todo as done
• Display todos by categories
• Clear all todos marked as done
• See todos counter
• Change the App theme from light to dark and vice-versa

Screenshot

Links

• Live Site URL: URL here

My process

For this modern Todo App, I wanted to demonstrate my CSS skill and also JS skills using reactjs. First I made sure the requirements were clear and after that, I implemented step-by-step solutions to each problem. I detailed in a doc with components that should be created and what are their functionality as well as who will be the parent of each component. Also since I wanted the app to keep a consistent database, I chose to use localstore to save information about the app

Built with

• CSS
• React - JS library
• React-Router
• UUID

What I learned

I'm always trying to get my CSS skills up to date and also learn some new tricks for designing better apps.

Author

• Tyson Monteiro