Levanta.me is a React-based application that uses the @vladmandic/face-api
library to detect faces through a webcam feed. It tracks the user's work, rest, and idle times and notifies the user when specific thresholds are exceeded.
- Face Detection: Uses
face-api.js
to detect faces in real-time from the webcam. - Timer Management: Tracks work, rest, and idle times based on face detection.
- Notifications: Alerts the user when the work or rest time exceeds the configured limits or when the face is not detected for a certain period (idle time).
- React: Frontend library for building user interfaces.
- Styled-Components: CSS-in-JS library for styling React components.
- face-api.js: JavaScript API for face detection and recognition.
- Navigator MediaDevices API: Provides access to media input devices like the camera.
Ensure you have the following installed:
- Node.js (>= 14.x)
- yarn (>= 1.x)
-
Clone the repository:
git clone https://github.com/NachoKai/levanta.me.git cd levanta.me
-
Install the dependencies:
yarn install
-
Start the development server:
yarn run dev
-
Open your browser and navigate to
http://localhost:5173/
.
- Configuration: Set the work, rest, and idle time limits. Set telegram Bot Token and Chat ID.
- Start Working: Click the "Work" button to begin the work timer.
- Start Resting: Click the "Rest" button to begin the rest timer.
- Reset: Click the "Reset" button to reset all timers.
- Pause: Click the "Pause" button to pause the timer.
- Notifications: Alerts will appear when the configured work, rest, or idle times are exceeded.
Feel free to submit issues and pull requests. For major changes, please open an issue first to discuss what you would like to change.
This project is licensed under the MIT License.