Skip to content

Latest commit

 

History

History
102 lines (78 loc) · 3.27 KB

README.md

File metadata and controls

102 lines (78 loc) · 3.27 KB

Task Organizer – Eisenhower Matrix

A simple and efficient task manager built with React and Tailwind CSS, designed for users with ADHD and dyslexia. It uses the Eisenhower Matrix to prioritize tasks by urgency and importance, making organization straightforward. Features include quick task entry, drag-and-drop organization, and a clean, distraction-free interface for better focus and productivity.

Live Demo

Check out the live version on Vercel

Features

  • Quick Task Input – Press Enter to add tasks seamlessly
  • Four Task Categories – Organizes tasks using the Eisenhower Matrix
  • Drag & Drop Functionality – Move tasks between quadrants effortlessly
  • Task Completion – Mark tasks as completed with a single click
  • Task Editing – Edit existing tasks by double-clicking on them
  • Clear Completed Tasks – Remove all completed tasks instantly
  • Modern UI – Clean and responsive design for a smooth experience
  • Notepad Integration – A quick-access notepad for jotting down thoughts

Tech Stack

  • Frontend: React, Tailwind CSS
  • State Management: React Hooks (useState, useEffect)
  • Drag & Drop: React DnD (react-dnd) with HTML5 Backend
  • Animation: Framer Motion
  • Deployment: Vercel

Installation & Setup

1. Clone the repository

git clone https://github.com/gupta-nu/echo.git
cd echo

2. Install dependencies

npm install

3. Start the development server

npm run dev

Your application should now be running at http://localhost:5173.

Deployment on Vercel

1. Automatic Deployment (Recommended)

  1. Push your code to a GitHub repository.
  2. Link your repository with Vercel.
  3. Every push to the main branch will automatically deploy the latest version.

2. Manual Deployment

If you've already set up Vercel, you can deploy manually by running:

vercel --prod

Once completed, Vercel will provide a live URL where your app is hosted.

Folder Structure

/echo
 ├── /src
 │   ├── /components   # Reusable components
 │   ├── /pages        # Main application pages
 │   ├── App.jsx       # Main application component
 │   ├── index.js      # Entry point
 ├── /public           # Static assets
 ├── package.json      # Dependencies and scripts
 ├── tailwind.config.js # Tailwind CSS Configuration
 ├── README.md         # Project documentation

Future Enhancements

  • User Authentication & Multi-User Support
  • Real-Time Collaboration
  • Distributed Task Processing (Event Sourcing with Kafka, CQRS, Redis Caching)
  • Offline-First Architecture
  • Nested Subtasks (Ability to create sub-tasks within a task)
  • Enhanced Notepad Features (Rich text formatting, tagging, and search,drag the notepad anywhere in the application,)
  • to be able to add timeslot for exsiting tasks when doubleclick to implement the button below the edit to add timeslot
  • add note history . storing notes multiple notes
  • room feature where u can create a room to work on taskmangagment with group with code,there you can have collaborative notes
  • proper text editing and markdown for notepad
  • to be able to edit timeslot on a task