Code Monkey home page Code Monkey logo

minimalist-task-tracker's Introduction

Hi, I'm Jovan! ๐Ÿ‘‹

โšก Contact me ๐Ÿ‘จโ€๐Ÿ’ป

minimalist-task-tracker's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

minimalist-task-tracker's Issues

Feature: UI Redesign for task list

Instead of stacking active,finished task on one another they can be stacked horizontally beside one another, If active task is finished then just like kanban board we can stack them horizontally besides each other so that all task can be viewed from same page.

Add dateTime field to finished task

The dateTime field should be added to a task once it is marked as finished.
The name of the field should be "createdAt" (meaning: created at {date} {time}).

Safari on mobile phone hides the footer

How to reproduce:

  • Open website on Safari on iOS (tested on iPhone 12 mini)

The issue:

What is expected:

  • The footer should be displayed instead of what we have now where it is hidden behind the search.
  • Example on the same phone in Brave browser:

Settings - Confirmations - Main switch needs to reflect children

Issue 1:

  • How to reproduce:

    1. Open settings modal on top right
    2. Turn any switch off
  • Expected outcome: If one child switch is off the main should be off

  • Status now:

Screenshot 2023-11-05 at 18 18 00

Issue 2:

  • How to reproduce:

    1. Open settings modal on top right
    2. Turn main switch off
    3. Turn manually all children switches on
  • Expected outcome: If all children switches are on the main switch should be on

  • Status now:

Screenshot 2023-11-05 at 18 24 14

Responsive footer

image

The github stars button should be displayed under the text on smaller screens

style : change settings dialog UI

Description :

Simplify the UI by reducing text length.

Context :

The current settings dialog UI has long, repetitive texts that give a less minimalistic vibe.

image

Desired Output :

image

Keep footer to the bottom of the page

I want the footer to be on the bottom of the screen when there is nothing on the page.
The footer should not be sticky but be pushed down by other content if there is any.

Settings Modal

  • settings button with modal
  • don't ask again checkbox with local storage
  • display local storage on settings modal
  • ability to change settings from modal
  • setting and modal for unarchiving with local storage
  • setting and modal for edit with local storage
  • all modals work with local storage
  • make switch for all settings

Archive page

Create an archive page

  • Endpoint: /archive
  • Ability to access archived tasks
  • When archiving task show confirmation modal
  • Ability to un-archive tasks (will return in the Finished tasks area)
  • When unarchiving task show confirmation modal
  • Ability to unarchive all tasks with confirmation modal
  • Ability to archive all tasks with confirmation modal
  • Bug - Complete task button doesn't work
  • Make a confirmation modal component and replace all of them with it
  • Add modal confirmation for delete all finished tasks
  • Delete archived task with confirmation modal
  • Delete all archived task with confirmation modal
  • Add the explanation to all delete modals
  • Add "Archived Tasks" on the finished tasks summary

Editing Readme

Adding more details in Readme to get better knowledge of the project.

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.