kaushalendra-pandey/voosh-task-manager

Screenshots: Home Page: Create a new task Edit your task Delete your task Search your tasks: Sorting:

Video Demo

https://www.loom.com/share/cabdfdeaa9ca4dd098fa6c4d92c528c2?sid=e0a88ebf-ae20-4600-bb36-84dd6584e187

Tech Stack:

• REACT
• Node/Express
• MongoDB
• ShadCN/Tailwind

Tools Used:

• Postman
• VS Code

Routes:

The routes are shown in the image below:

Features:

Keep Track of:

• Pending tasks
• Completed tasks
• Plan your day

Just update every transaction you do at Fintrack and know where your money is.

Schema

Structure of our schema is as follows:

Folder Structure

    -src
        - components
          - auth
          - pages
          - ui
        - redux
          -slice
        - hooks
        - libs
        - services
        - types

Styling

The styling is done using ShadCN and tailwind.

Dependencies

shadcn: For UI components

react-date-picker: For date picker component

react-beautiful-dnd - For drad and drop

axios - For making api calls

Scripts:

For voosh-task-manager:

1. npm i or npm install : For installing all the dependencies.
2. npm start : Will run the app on localhost:3000

For task-manager-server:

1. npm i : For installing all the dependencies.
2. npm run start : Will run the server on localhost:3000
3. npm run test : Will run the tests.

Future scops:

Allowing user to create account , add user and tag user. Push notifications when card moves from one board to another.