Streamline Your Workflow with Trackr
Trackr is a powerful, intuitive project management application designed to help teams collaborate effectively and deliver projects on time. With its modern UI and comprehensive feature set, Trackr provides everything you need to manage projects from inception to completion.
- Project Creation & Organization: Create and organize projects with custom keys and descriptions
- Organization Management: Manage projects across different organizations
- Role-Based Access Control: Admin and member roles with appropriate permissions
- Sprint Creation: Plan work in time-boxed sprints
- Sprint Status Management: Track sprint progress (Planned, Active, Completed)
- Sprint Boards: Visualize sprint work in an intuitive interface
- Kanban Boards: Visualize workflow with customizable boards
- Drag & Drop Interface: Easily move issues between statuses
- Issue Prioritization: Set priorities (Low, Medium, High, Urgent)
- Issue Assignment: Assign issues to team members
- User Management: Invite and manage team members
- Organization Switching: Work across multiple organizations
- User Dashboards: View assigned issues and project status
- Secure Authentication: Powered by Clerk for robust user management
- Protected Routes: Secure access to sensitive areas of the application
- Frontend: Next.js 15, React 18, TailwindCSS
- UI Components: Shadcn UI, Radix UI primitives
- State Management: React Hooks
- Forms: React Hook Form with Zod validation
- Database: PostgreSQL with Prisma ORM
- Authentication: Clerk
- Styling: TailwindCSS with custom animations
- Drag & Drop: Hello Pangea DnD (React Beautiful DnD fork)
- Node.js 18+ and npm/yarn
- PostgreSQL database (or use a service like Neon.tech)
- Clerk account for authentication
-
Clone the repository
git clone https://github.com/yourusername/trackr.git cd trackr -
Install dependencies
npm install # or yarn install -
Set up environment variables Create a
.envfile in the root directory with the following variables:# Database DATABASE_URL="postgresql://username:password@localhost:5432/trackr?schema=public" # Clerk Authentication CLERK_SECRET_KEY=your_clerk_secret_key NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/onboarding NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/onboarding
-
Set up the database
npx prisma migrate dev --name init
-
Run the development server
npm run dev # or yarn dev -
Open your browser Visit http://localhost:3000 to see the application in action.
Trackr can be easily deployed to platforms like Vercel or Netlify:
- Connect your repository to Vercel/Netlify
- Configure the environment variables
- Deploy!
/
├── app/ # Next.js app directory
│ ├── (auth)/ # Authentication routes
│ ├── (main)/ # Main application routes
│ │ ├── organization/ # Organization management
│ │ ├── project/ # Project management
│ │ └── onboarding/ # User onboarding
│ └── api/ # API routes
├── components/ # Reusable components
├── lib/ # Utility functions and libraries
├── prisma/ # Database schema and migrations
├── public/ # Static assets
└── styles/ # Global styles
Run the test suite with:
npm test
# or
yarn testContributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Made with 💗 by Gaurav Sharma
Ready to transform your workflow? Try Trackr today!