Nexus is a sophisticated, feature-rich task management application built with React . The name "Nexus" represents the connection and centralization of your tasks, serving as the hub for your productivity. With its sleek, responsive interface featuring a geometric design theme, dark mode support, and smooth animations, Nexus enhances your task management experience.
- Intuitive Task Management: Easily add, edit, and delete tasks in one central location.
- Task Completion Tracking: Mark tasks as complete and view your progress in real-time.`
- Dynamic Progress Updates: Live progress bar shows completion percentage, motivating you to achieve more.
- Dark Mode: Toggle between light and dark themes for comfortable viewing in any environment.
- Responsive Design: Fully responsive layout that works seamlessly on desktop, tablet, and mobile devices.
- Animated UI: Smooth transitions and loading animations for a polished user experience.
- Accessibility: Designed with accessibility in mind, including proper contrast and screen reader support.
- Elegant Geometric Design: Modern interface with subtle geometric patterns and gradients, embodying the Nexus concept.
- React
- Next.js
- TypeScript
- Tailwind CSS
- shadcn/ui components
- Lucide React icons
- Node.js (v14 or later)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/nexus-task-dashboard.git cd nexus-task-dashboard -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to see Nexus in action.
- Adding a Task: Type your task in the input field at the top and click the "+" button or press Enter.
- Completing a Task: Click the checkbox next to a task to mark it as complete.
- Editing a Task: Click the edit (pencil) icon next to a task, make your changes, and click the save icon.
- Deleting a Task: Click the delete (x) icon next to a task to remove it.
- Toggling Dark Mode: Click the sun/moon icon in the top right corner to switch between light and dark modes.
- Viewing Progress: Check the progress bar at the top to see your overall task completion rate.
Contributions to Nexus are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Your Name - @your_twitter - [email protected]