parwatcodes / taskman

A task management web app

Name

TaskMan - A task management web app.

https://willowy-marzipan-22900e.netlify.app/pages/login.html

Description

TaskMan is a powerful and intuitive web application built using JavaScript, HTML, and CSS, designed to help you stay organized and productive. With its user-friendly interface and seamless functionality, TaskMan revolutionizes the way you manage your tasks and projects.

Technologies

• JavaScript
• HTML
• CSS
• LocalStorage
• BootStrap
• Day.js

Credits

Design taken from figma

Link - https://www.figma.com/community/file/995666043585336668/Task-Management-App

Thanks to https://www.figma.com/@SanderVreeken

Usage

The app seeds default one of each admin, member and task, using the file /helpers/seed.js.

admin login credentials

email:    [e-mail]
password: Admin@123



member login credentials

email:    [e-mail]
password: Member@123

Snapshots

taskman's Issues

Drag and drop task card

• Drag and drop functionality for tasks that can be moved from one list to another.

Reference:- https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop

Calendar like icons for start and end date.

• Replace text for displaying start and end date.
• Instead, use the calendar-like icon for it.

i.e., something like this.

Refactor dashboard.html file

• Move all the CSS styles to the respective component files.
• Move all the javascript code to the respective component js files.

Refactor needed in each file.

FEAT: Dynamic list - User can add List

• Let users add the list.
• Think of UI and create a POC for the feature.
• Reference: Trello.

Code/Language migration (2)

• Write this code using React.js
• Also, write this code in Angular.js