A discipline-focused productivity platform that unifies tasks, calendar, notes, and goals—powered by AI, gamification, and a customizable experience designed for web and mobile.
This repository contains the frontend for the Taskipline application, built with Next.js and Tailwind CSS.
- Unified Dashboard: View your tasks, calendar events, and goals all in one place.
- Task Management: Create, organize, and track your daily tasks.
- Calendar Integration: Sync your schedule and never miss an appointment.
- Note Taking: A dedicated space for your thoughts, ideas, and meeting notes.
- Goal Tracking: Set long-term goals and monitor your progress.
- Responsive Design: A seamless experience on both desktop and mobile devices with a collapsible sidebar that supports swipe gestures.
- Customizable UI: Includes a dark/light mode toggle.
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4
- UI Components: Custom-built, inspired by shadcn/ui
- Icons: Lucide React
- Notifications: React Hot Toast
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
-
Clone the repository:
git clone https://github.com/Taskipline/taskipline-frontend.git cd taskipline-frontend -
Install dependencies:
npm install
-
Set up environment variables: Create a file named
.env.localin the root of your project and add the following line, pointing it to your backend API:NEXT_PUBLIC_TASKIPLINE_API=http://localhost:5000/api/v1
-
Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
npm run dev: Starts the development server.npm run build: Creates a production-ready build of the application.npm run start: Starts the production server.npm run lint: Runs ESLint to check for code quality issues.