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.
- 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
- Frontend: React, Tailwind CSS
- State Management: React Hooks (useState, useEffect)
- Drag & Drop: React DnD (react-dnd) with HTML5 Backend
- Animation: Framer Motion
- Deployment: Vercel
git clone https://github.com/gupta-nu/echo.git
cd echonpm installnpm run devYour application should now be running at http://localhost:5173.
- Push your code to a GitHub repository.
- Link your repository with Vercel.
- Every push to the main branch will automatically deploy the latest version.
If you've already set up Vercel, you can deploy manually by running:
vercel --prodOnce completed, Vercel will provide a live URL where your app is hosted.
/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