Skip to content

Suhail-007/Task-Manager

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Task Manager HTML CSS JavaScript

Thumbnail This is a fully functional web based task manager app.

Warning!!

Not recommended using other browser. Use chrome instead.
The code might not responsive for bigger screen size





HTML


Remove the images from next/prev month button.
corrected the structure for homepage
removed h4 after h2 from stats section
Placed the create task button on bottom
move structure to js
changed a class name from loweri-input to lower-input
changed the ids on close button(they had same ids)

CSS


replaced width/height and some other properties unit from px to rem.
removed width on nav bar and added left,right properties.
replace dateBtnActive class with dateBtn.active and remove repeating code.
replaced hex code with hsla to get lighter shadow on date buttons
add transition on create-task container
fixed the create task button slightly overlapping the timers.
Change the architecture similiar to MVC
removed background images from nav and added svgs
removed position absolute from lower-box .categories-heading.
remove flex with grid and also height auto from some properties
added transition on task-view.
removed flex box from lower-input div
added transition on category menu pop up
and some other things too
removed the extra container(lower-input-view) from task view, changed flex to grid and decreased the height of container
removed extra class declaration
added blur and shadow on task card
hopefully(-_-) css variables are in correct position now
added border on task cards

JS


improvised the logic for next/prev month buttons.
removed onclicks with addEventListeners.
removed the creating month days logic from timeinit function and created it's own function.
corrected a bad name(addtaskBtn)
fixed a bug year not changing on date buttons id
Created a separate function for generating new task
created different js files for Creating task, viewing task and view stats

##Feature to look forward---
Edit option
Notification

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 50.3%
  • JavaScript 47.3%
  • HTML 2.4%