To-Do list App with React 📋

To-Do List app created as exercise for Web Developer Bootcamp in Kodilla (Module 12.2).

Teaser

Setup

Live on Heroku: https://list-react-redux.herokuapp.com/

Repository: https://github.com/natkalia/todolist-react-kodilla.git

You can also download a zip archive or a clone repository from github page:

git clone https://github.com/natkalia/todolist-react-kodilla.git

More info about launch/installation coming soon.

Technologies/tools

Project is created with:

• HTML
• Sass for CSS
• Javascript (ES6)
• React
• Redux
• deployment on Heroku with http-server package
• Webpack

Clean code

Description of linters coming soon.

Todo / known bugs

• add a component, which by default will only display the menu button (hamburger), and when clicked, will show a drop-down menu containing all the lists currently available in the app, and after clicking one list only this list will be shown (add also All button on main page to show all lists again)
• refactor class to function components where possible
• add new component for search results, showing one list with all found cards together (but with link to list location)
• add drag-and-drop feature for moving cards in and between columns
• add drag-and-drop feature for moving columns in and between lists
• add possibility to provide description and url with image when adding new list
• add simple animation for apperance of 'To do... doing... done!' in splash
• add hamburger for RWD in navigation
• fix buttons in creator for RWD
• fix problem with buttons apperance that is now based on opacity
• update webpack and dataStore for context/output paths to work for lists images
• fix problem with routing on heroku (when refreshing or using browser navigation)
• fix bug with cards in columns (list subpage) - not properly showing, problem with adding new cards, but only after a search was performed
• fix bug with inputs that sometimes become kind of disabled for few seconds, without clear reason
• refactor SearchResult to show name of list/column next to link to list (link is already provided)
• refactor List view so that cards that were searched for lately, will have a different color, so that these cards could be found easier after user is redirected from SearchResults
• refactor search feature so that it would also check if searchString is included in list or column name, and add relevant cards with links to SearchResults
• add possibility to delete text on Card
• add possibility to edit text on Card
• add possibility to edit column name
• add possibility to edit list name
• add possibility to delete Column
• add possibility to delete List
• if user clicks on margin of ListLink, link is active - should be refactored
• add sorting Cards alphabetically
• add sorting Cards by creation date (use timestamp)
• if Column or List is deleted, its Cards or Columns with Cards remain in store - should be fixed

Project status

In progress.

Credits

Coming soon.