https://github.com/rushikeshwaghmare07/docs-task-manager

A React-based document task manager app
https://github.com/rushikeshwaghmare07/docs-task-manager

css framer-motion html javascript reactjs tailwindcss

Last synced: 19 days ago
JSON representation

A React-based document task manager app

• Host: GitHub
• URL: https://github.com/rushikeshwaghmare07/docs-task-manager
• Owner: rushikeshwaghmare07
• Created: 2024-07-03T15:42:56.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T17:29:35.000Z (5 months ago)
• Last Synced: 2024-11-25T08:33:29.340Z (3 months ago)
• Topics: css, framer-motion, html, javascript, reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 102 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Document Task Manager App

## Overview

This is a **Document Task Manager app** built using **React.js**. It allows users to manage tasks related to document uploads and downloads. The UI features a background display with a title, while the foreground shows task cards where users can interact with different tasks, such as downloading or uploading files. Each task displays a description, file size, and status (open or closed).

## Features

- Responsive Design: Adapts to screen sizes using utility-first CSS with Tailwind.

- Document Task Management: Displays cards for each document-related task with action buttons.

- Dynamic Task Cards: Cards can show either "Download Now" or "Upload" status based on task data.

- Separation of Concerns: The app splits functionality into background and foreground components for better organization.

## App Demo

![docs-task-manager](https://github.com/user-attachments/assets/9222dbf6-d11f-439d-90be-c81c24b4cb24)

## Drag and drop the cards

![docs-task-manager2](https://github.com/user-attachments/assets/662fc567-60c4-4bf0-82e8-9cff61ea01fc)