GithubHelp home page GithubHelp logo

alice-rez / not-to-forget Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 0.0 2.42 MB

To-do application - first bigger project in React. Work in progress - developer version with basic and some advanced function (adding to-do, searching to-do, listing and sorting to-do, deleting/checking/editing to-do, option to display all tasks or just those that are opened/finished and sort them as well).

Home Page: https://alice-rez.github.io/Not-to-forget/

License: Other

HTML 3.77% JavaScript 83.50% CSS 12.73%
css-variables getderivedstatefromprops react-class-components react-context react-functional-components react-hooks react-life-cycle react-router reactjs svg-icons todoapp

not-to-forget's People

Contributors

alice-rez avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

not-to-forget's Issues

make the result of the item search visible also after editing its name

Currently when user search for item and then edit the title of displayed item, it will disappear from search results (because it is displaying just items which title corresponds to searched keyword). think about solution, how to edit item and be able to still see it and also delete other items....

Update help

Think about how to include in help information about the editing buttons - maybe to add button learn more in the cards?

Firefox do not display checked icon

When the task is finished, normally the checked icon is visible (big green tick). But in Firefox, it from some case does not work. The element is accordingly to inspector there, just it looks like it is empty. the src is same as for Chrome, so there is no mistake....

Filtering of the task by something unique other than name

Currently, the filtering of the task to find the right one to update/delete/show is done using the task title. But this is not by default unique.....

Implement other solutions for this:

  • find something more unique and easier to generate/keep track (look on using keys)

or

  • make it impossible for tasks to have the same name (validation at adding item stage)

Switch between history/current tasks

Make it possible to switch between displaying current pending tasks and history of finished tasks.
Sorting should be available in both
Probably buttons for displaying that or that.....

highlight on item when the deadline is close

When the deadline of task is close (for example one week and less), highlight it on the item - for example display number of the days that are till deadline in some contrast color.....

Quick tasks overview after log-in

When user log-in, the profile page should be displayed with:

  • most pending tasks - 3 tasks with nearest deadline sorted by priority - user should be able to decide he does not want the task to be displayed here
  • not checked tasks with expired deadlines - user can decide between checking it, deleting it or editing it (change deadline)

Create log-in option

Create possibility for user to register and log-in - preparation for future using as a real app.

It should have another navbar at top of the site with log-in option when not logged and links to profile and settings and logout when logged-in

Will need to think how refactor the app for different users etc....

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.