A modern, feature-rich project tracking application built with React, TypeScript, and Vite. This application provides multiple views to manage tasks effectively, including Kanban, List, and Timeline views, wrapped in a sleek UI using Shadcn UI and Tailwind CSS.
- Multiple Project Views: Switch seamlessly between Kanban Board, List View, and Timeline View.
- Task Management: Create, track, and manage tasks efficiently.
- Real-time Collaboration: Includes collaboration simulation features.
- Filtering & Search: Robust filtering capabilities to find specific tasks.
- Responsive Design: Fully responsive interface optimized for desktop and mobile.
- Modern UI: Built with Shadcn UI components for a consistent and accessible user experience.
- Framework: React with Vite
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Shadcn UI (based on Radix UI)
- State Management: Zustand
- Data Fetching: TanStack Query
- Routing: React Router
- Forms: React Hook Form with Zod validation
- Charts: Recharts
- Dates: date-fns
- Icons: Lucide React
- Node.js (v16 or higher recommended)
- npm or yarn
-
Navigate to the project directory:
cd aura-project-grid-main/aura-project-grid-main -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open your browser: Navigate to
http://localhost:8080(or the port shown in your terminal).
npm run dev: Starts the development server.npm run build: Builds the app for production.npm run lint: Runs ESLint to check for code quality issues.npm run preview: Locally preview the production build.npm test: Runs tests using Vitest.