Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aleksandracislowski/to-do-2

My intake on a simple todo application.
https://github.com/aleksandracislowski/to-do-2

backdrop filter form modal react styled-components tags

Last synced: 10 days ago
JSON representation

My intake on a simple todo application.

Awesome Lists containing this project

README 

        
# To do list application



This project was created to learn more about React. It's one more take on a simple to do list, which helped me to consolidate the knowledge I already have about React :)



## What you can do here?



The app consist of a form, where you can name your new todo task, assign to it one of the four tags and set a date to do it. I managed to add modal errors which are dynamic and prevent you from entering empty/wrong data. You also cannot choose the day any older than today. I also created a kind of placeholder to a select section of tags.

Moreover under the form we have a section where all of our "todos" are displayed, each one you can either delete or tag as "done". If you do so, it will be either removed from the list of all todos, or transfered to the "Finished task" section. You can also filter all the task by its tags. In this project I used styled components for all of my styling.



## Available Scripts



In the project directory, you can run:



### `npm start`



Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.



The page will reload when you make changes.\

You may also see any lint errors in the console.