React-To-Do-List
To do list made from react,tailwind,typescript and Shadon UI
Enhanced Todo List Application
https://v0-real-time-chat-app-fprqyvqgi7v-kjk0ta.vercel.app/
This is a feature-rich, responsive Todo List application built with Next.js, React, and Tailwind CSS. It offers a modern, intuitive interface for managing tasks with advanced features like categories, priorities, due dates, and image attachments.
Features
- Task Management: Add, edit, and delete tasks
- Visual Enhancements: Attach images to tasks for better context
- Due Dates: Set and track due dates for tasks
- Priority Levels: Assign Low, Medium, High, or Urgent priority to tasks
- Categories: Organize tasks into Personal, Work, Shopping, or Other categories
- Filtering: Filter tasks by status (All, Active, Completed) or category
- Sorting: Sort tasks by date or priority
- Dark Mode: Toggle between light and dark themes
- Responsive Design: Works seamlessly on desktop and mobile devices
- Local Storage: Tasks persist between browser sessions
Technologies Used
- Next.js: React framework for production
- React: JavaScript library for building user interfaces
- Tailwind CSS: Utility-first CSS framework
- shadcn/ui: Re-usable components built with Radix UI and Tailwind CSS
- Lucide React: Beautiful & consistent icon toolkit
- date-fns: Modern JavaScript date utility library
Getting Started
Prerequisites
- Node.js 14.6.0 or newer
- npm or yarn
Project Structure
- `app/`: Contains the main application code
- `page.tsx`: The main page component
- `components/`: Reusable React components
- `types.ts`: TypeScript type definitions
- `public/`: Static assets
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
This project is open source and available under the MIT License.
Acknowledgements
