A modern task management application built with Next.js 15, featuring user authentication, role-based access control, and real-time task management capabilities.
Visit the live demo: Task Manager
The homepage provides a clean, modern interface introducing users to the task management platform. It features a responsive navigation bar, hero section explaining key features, and quick access to login/register options.
Users can either login with existing credentials or create a new account. The registration process includes email verification for security.
After registration, users receive a verification email to confirm their account, ensuring security and preventing spam accounts.
The dashboard provides an overview of all tasks and events. It features a responsive sidebar for navigation and quick access to different sections.
Users can create new events by filling out details such as:
- Event title
- Description
- Date and time
- Location
- Attendees
Once created, events display all relevant information and allow for easy editing and management.
The task creation interface allows users to:
- Set task title
- Add description
- Add related files
Completed tasks are marked and can be filtered for easy tracking of progress.
Users can search and add attendees to events with an intuitive interface.
View and manage all attendees for each event, with options to remove or add more participants.
The settings panel allows users to customize their event presentations and manage their content. Users can enhance their events by adding custom images and have full control over event management, including the ability to delete events when needed.
Events initially display with a default placeholder image, ensuring a consistent look across the platform before customization.
Users can personalize their events by uploading custom images through the settings interface, replacing the default placeholder with images that better represent their events.
Detailed task view showing all task information, progress, and related activities.
Comprehensive view of task details including comments, attachments, and history.
The admin dashboard provides a comprehensive overview of all system activities, user statistics, and platform analytics. Administrators can monitor the entire platform from this centralized interface.
Administrator have access to a complete user management system where they can view,and monitor all user accounts. This includes the ability to view user activity, status, and account details.
The analytics section offers detailed insights into platform usage, including task completion rates, user engagement metrics, and system performance statistics.
- User authentication with email verification
- Password reset functionality
- Role-based access control (Admin/User)
- Create, read, update, and delete tasks
- Real-time search and filtering
- Task organization and categorization
- Responsive design for all devices
- Modern and clean UI with shadcn/ui components
- Dark mode support
- Next.js 15 - React Framework
- Auth.js - Authentication
- Prisma - ORM
- Neon DB - PostgreSQL Database
- Tailwind CSS - Styling
- shadcn/ui - UI Components
- Zod - Type Validation
- Conform - Form Handling
- Node Mailer - Email Verification
Make sure you have pnpm installed (required for Next.js 15 compatibility):
npm install -g pnpm
pnp install
pnp run dev