lime-website

byPrince Gajjar

I want to create one website where employee can clock in and clock out of there tasks... Admin can create project and invite team members. It should also inlcude board where can create task or tickets and that task can be added in timer.

LoginReportsTask BoardProjectsTask DetailDashboard
Login

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

System Requirements Document (SRD) for lime-website

1. Introduction

The lime-website is a web-based platform designed to streamline task management, time tracking, and reporting for employees and administrators. Developed with a focus on efficiency and usability, the platform will allow employees to clock in and clock out of tasks, while administrators can create projects, invite team members, manage tasks, and generate insightful reports. This document outlines the system requirements for the lime-website, ensuring it meets the needs of its users effectively.

This project is tailored for Prince Gajjar, based in India (IN), and will incorporate locale-specific defaults such as IST (Indian Standard Time) for time tracking and INR (Indian Rupee) for any financial reporting or integrations.

2. System Overview

The lime-website will serve as a centralized platform for task and time management. It will cater to two primary user personas: Employees and Administrators. Employees will use the platform to manage their daily tasks and track their working hours, while Administrators will oversee project creation, team management, task allocation, and reporting.

The system will include:

  • Employee clock-in/clock-out functionality for tasks.
  • A task or ticket board for project management.
  • Timer functionality tied to individual tasks.
  • Reporting features for administrators to track time spent on tasks and projects.
  • Administrative controls for project creation, team invitations, and task management.
  • A selective re-run capability to regenerate specific sections of the SRD on demand.

The platform will be accessible via web browsers and optimized for desktop and mobile devices.

Page 2 of 5

3. Functional Requirements

  • As an Employee, I should be able to clock in and clock out of tasks.
  • As an Employee, I should be able to view tasks assigned to me on a task board.
  • As an Employee, I should be able to start and stop a timer for a specific task.
  • As an Admin, I should be able to create projects.
  • As an Admin, I should be able to invite team members to projects.
  • As an Admin, I should be able to create and assign tasks or tickets to team members.
  • As an Admin, I should be able to view a task board for each project.
  • As an Admin, I should be able to view and manage timers for tasks.
  • As an Admin, I should be able to generate reports on time spent per task, per employee, and per project.
  • As a User, I should be able to trigger selective re-run functionality to regenerate specific sections of the SRD on demand.

4. User Personas

4.1 Employee

  • Description: Employees are team members who will use the platform to manage their tasks and track their working hours.
  • Key Actions:
    • Clock in and clock out of tasks.
    • View assigned tasks on the task board.
    • Start and stop timers for tasks.

4.2 Administrator

  • Description: Administrators are responsible for managing projects, tasks, and team members. They also generate reports to track productivity.
  • Key Actions:
    • Create projects and invite team members.
    • Assign tasks to employees.
    • Monitor task progress and timer usage.
    • Generate detailed reports on time tracking.
Page 3 of 5

5. Visuals Colors and Theme

The lime-website will adopt a clean and professional aesthetic with the following color palette:

  • Primary Color: Lime Green (#32CD32) – Reflecting the project name and symbolizing growth and productivity.
  • Secondary Color: Charcoal Gray (#333333) – For text and contrasting elements.
  • Accent Color: White (#FFFFFF) – For backgrounds and clean interfaces.
  • Highlight Color: Soft Yellow (#FFD700) – For notifications and important highlights.

The theme will emphasize simplicity and clarity, ensuring users can navigate the platform effortlessly.

6. Signature Design Concept

Interactive Task Timer Dashboard with Dynamic Visualizations

The homepage will feature an interactive task timer dashboard that combines functionality with a visually stunning design. Upon logging in, users will see:

  • A real-time animated clock that shows their current task timer, with smooth transitions as they start, pause, or stop tasks.
  • A dynamic task board where tasks are represented as draggable cards. Each card will have a timer icon that animates when the task is active.
  • A progress ring visualization around each task card, filling up in real-time as the timer runs, giving users an immediate sense of progress.
  • For administrators, the dashboard will include a heatmap-style report visualization showing time spent on tasks across projects, with color gradients indicating productivity levels.

Micro-interactions will enhance the experience:

  • Task cards will "bounce" slightly when dragged.
  • Timer buttons will have a ripple effect when clicked.
  • The progress ring will glow softly when nearing completion.

Additionally, the selective re-run capability will be visually integrated into the admin dashboard. Admins can click on a "Regenerate SRD" button, which will open a modal allowing them to select specific sections of the SRD to regenerate dynamically.

This design will make the lime-website not only functional but also engaging and memorable.

Page 4 of 5

7. Non-Functional Requirements

  • The system must support at least 500 concurrent users.
  • The platform should load within 2 seconds for all pages.
  • The system must adhere to Indian Standard Time (IST) for all time-related functionalities.
  • The platform should be mobile-responsive and accessible on all major browsers (Chrome, Firefox, Safari, Edge).
  • Data security must comply with GDPR and Indian IT regulations.
  • The selective re-run capability must execute within 5 seconds for any section of the SRD.

8. Tech Stack

Frontend

  • React for Web

Backend

  • Python
  • FastAPI

Database

  • MySQL (with Alembic for migrations)

AI Tools

  • GPT 5.2 for user-friendly responses
  • Langchain for task automation

Local Orchestration

  • Docker
  • docker-compose

Server-Side Orchestration

  • Kubernetes
Page 5 of 5

9. Assumptions and Constraints

  • The system assumes that all users have a stable internet connection.
  • The platform will not include payroll or financial integrations in the initial release.
  • The system will use IST as the default timezone and INR as the default currency for any financial reporting.
  • The platform will be optimized for desktop and mobile browsers but will not include a dedicated mobile app in the initial phase.
  • The selective re-run capability assumes that the SRD is modular and can be regenerated section-wise without affecting other parts.

10. Glossary

  • Clock In/Clock Out: The action of starting or stopping a timer for a task.
  • Task Board: A visual representation of tasks, often organized in columns (e.g., To Do, In Progress, Done).
  • Timer: A feature that tracks the time spent on a specific task.
  • Heatmap: A graphical representation of data where values are depicted by color intensity.
  • IST: Indian Standard Time.
  • INR: Indian Rupee.
  • Selective Re-Run Capability: A feature allowing users to regenerate specific sections of the SRD dynamically.

This document outlines the comprehensive requirements for the lime-website, ensuring it meets the needs of both employees and administrators while delivering a visually engaging and functional experience. Let’s bring this vision to life, Prince!

Login design preview
Login: Sign In
Dashboard: View Heatmap Reports
Projects: Create Project
Projects: Invite Members
Task Board: Create Task
Task Board: Assign Task
Reports: Generate Report