search

LakshmiSowmya04 / Task-Manager

simple task management application built using the MERN stack
15 stars 36 forks source link

Added changes to UI as per issue #6 #24

Closed aryamagarwal closed 1 month ago

aryamagarwal commented 1 month ago

I have changed the UI as per issue #6. I have kept a black-white theme. Here is what the UI looks like:

image

In the greeting line it shows how many tasks have been listed as pending. I have added button for navigating between projects and tasks. On clicking Projects button, it shows list of projects. Similarly, on clicking tasks button it shows all the tasks along with their current status. I have added hover effects wherever required. On hovering on a project, project description appears.

image

On Clicking Add Project button a form appears. After submitting the form new project gets added.

image image

Similarly, form for tasks section adds tasks on filling appropriate fields.

image

From my side, I have also added a toast message whenever a form is submitted. Below is an example of the message when add-project is submitted successfully.

image

Demo Video:

https://github.com/user-attachments/assets/cdf606a2-a9c7-4524-86e3-06758a45a1cc

@LakshmiSowmya04 , kindly review the changes made and merge the PR.

LakshmiSowmya04 commented 1 month ago

@aryamagarwal would u mind opening it again by not changing routes which are in App.js

only after login in user should be able to add his tasks and projects

aryamagarwal commented 1 month ago

Hey @LakshmiSowmya04, as far as I know I have not changed any route in App.js. Please provide more clarification on this.