This is a Vue.js project deployed on Vercel and available at pductiv.vercel.app.
This project is a Pomodoro Task-list application with the following features:
- Task-synchronised 'black out' Pomodoro
- Guided breathing meditation timer
- Data analytics of time spent in meditation and productivity
- Social Leaderboard
- Built in music player with soundtracks
- Focus mode reminders
The intent for this app is to enable the users to:
- Understand their productivity through:
- Pomodoro-synchronised task lists and items
- Data analytics derived from time recorded on each task and mindfulness
- Enable focus through:
- Black Out Pomodoro timers
- Webpage monitoring Focus reminders
- Built in music player with focus soundtracks
- Relax and recover through:
- Visual guided meditation timer utilising box breath
- Built in relaxation music
- Leverage motivation and connect with peers via our leaderboards
- Email: tester@email.com
- Password: banana
Access the live project here: pductiv.vercel.app
- Vue.js: JavaScript framework for building interactive user interfaces
- Pinia: State management library for Vue
- Vue Router: Handles application routing
- Shadcn, TailWind, CSS: For page styling
- Vercel: Deployment and hosting platform
To set up the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/JameszLau/productiv.git
- Navigate to the project directory:
cd productiv - Install dependencies:
npm install
- Start the development server:
npm run dev
The app should now be running on localhost:5173.
npm run serve- Runs the app in development mode.npm run build- Builds the app for production.npm run lint- Lints your code for style and potential issues.
The project is automatically deployed on Vercel whenever there are changes to the main branch. Any commits pushed to the main branch are built and deployed to productiv.vercel.app.
This project is licensed under the MIT License.