laser-list

byHemen Ashodia

make a to do list app

LandingHistorySharedViewDashboardSignupSettings
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 8

System Requirements Document (SRD)

Project Name: laser-list

1. Introduction

The laser-list project is a collaborative to-do list and note-taking application inspired by the flexibility of Obsidian but designed for shared use among multiple users. This tool aims to combine the simplicity of task management with the power of real-time collaboration, version history, customizable templates, and role-based permissions.

The project is tailored for users in India, with a focus on providing a seamless and visually appealing experience that blends nature-inspired aesthetics with a hacker-themed design. This document outlines the functional and non-functional requirements, user personas, design concepts, and technical specifications for the laser-list application.

Page 2 of 8

2. System Overview

The laser-list application will serve as a versatile productivity tool for individuals and teams. Its core functionalities will include:

  • Real-time collaborative note-taking and task management.
  • Version history for tracking changes and restoring previous states.
  • Customizable templates for recurring tasks and notes.
  • Role-based permissions to manage user access and actions.

The system will be accessible via web and mobile platforms, ensuring cross-device compatibility. The design will incorporate a unique blend of nature-inspired elements and hacker aesthetics to create an engaging and visually striking user experience.

3. Functional Requirements

  • As a User, I should be able to create, edit, and delete tasks and notes.
  • As a User, I should be able to collaborate on tasks and notes in real-time with other users.
  • As a User, I should be able to view version history and restore previous versions of tasks and notes.
  • As a User, I should be able to use and customize templates for tasks and notes.
  • As an Admin, I should be able to manage user roles and permissions.
  • As a User, I should be able to search and filter tasks and notes efficiently.
  • As a User, I should be able to tag tasks and notes for better organization.
  • As a User, I should be able to set deadlines and reminders for tasks.
  • As a User, I should be able to sync my data across devices.
  • As a Guest, I should be able to view shared tasks and notes with limited permissions.

4. User Personas

Page 3 of 8

4.1 Admin

  • Description: Responsible for managing user roles, permissions, and overall system settings.
  • Key Actions: Assign roles, manage user access, monitor system activity.

4.2 User

  • Description: Regular user who creates, edits, and collaborates on tasks and notes.
  • Key Actions: Create and manage tasks/notes, collaborate with others, customize templates, and manage personal settings.

4.3 Guest

  • Description: Temporary user with limited access to shared tasks and notes.
  • Key Actions: View shared tasks and notes, leave comments (if permitted).

5. Visuals Colors and Theme

The laser-list application will feature a unique color palette that blends nature-inspired tones with hacker-themed accents.

Color Palette:

  • Background: #1A1A1D (Deep Charcoal)
  • Surface: #2B2D42 (Slate Gray)
  • Text: #EDF2F4 (Soft White)
  • Accent: #8D99AE (Muted Sky Blue)
  • Muted Tones: #4A4E69 (Dusky Purple)
Page 4 of 8

Nature-Inspired Elements:

  • Organic, flowing shapes resembling leaves or vines in the UI.
  • Subtle gradients inspired by sunrise and sunset hues.

Hacker-Themed Elements:

  • Neon green (#00FF41) highlights for interactive elements.
  • Terminal-style animations for loading screens and transitions.
  • Subtle glitch effects on hover interactions.

6. Signature Design Concept

"The Living Forest Terminal"

The laser-list homepage will immerse users in a visually stunning, interactive experience that combines the serenity of nature with the edgy feel of a hacker terminal.

Page 5 of 8

Key Features:

  1. Dynamic Background:

    • A living forest scene with gently swaying trees and glowing neon vines.
    • The background shifts subtly between day and night themes based on the user's local time.
  2. Interactive Terminal Interface:

    • The main interface resembles a hacker terminal, with a sleek, dark aesthetic.
    • As users type or interact, glowing green text appears in a typewriter animation, mimicking a terminal.
  3. Hover Animations:

    • Icons and buttons emit a soft neon glow when hovered over, with a ripple effect resembling water droplets.
  4. Task Cards:

    • Tasks and notes are displayed as "leaves" on a digital tree.
    • Clicking a leaf expands it into a detailed view, with smooth animations resembling the unfurling of a leaf.
  5. Micro-Interactions:

    • Subtle sound effects, like the rustling of leaves or a soft "beep," accompany user actions.
    • Progress bars for tasks resemble vines growing across the screen.

This design concept ensures that the laser-list application is not only functional but also a joy to use, leaving a lasting impression on its users.

Page 6 of 8

7. Non-Functional Requirements

  • The system should support at least 10,000 concurrent users.
  • The application should load within 2 seconds on a standard 4G connection.
  • Data synchronization across devices should occur in real-time with minimal latency.
  • The system should comply with GDPR and local data protection regulations in India.
  • The application should be accessible, meeting WCAG 2.1 Level AA standards.

8. Tech Stack

Frontend:

  • React for Web
  • React Native for Mobile App

Backend:

  • Python
  • FastAPI

Database:

  • MySQL (with Alembic for migrations)

AI Models:

  • GPT 5.4 for user-friendly responses
  • Google Nano Banana for image generation
Page 7 of 8

AI Tools:

  • Litellm for LLM Routing
  • Langchain

Local Orchestration:

  • Docker
  • docker-compose

Server-Side Orchestration:

  • Kubernetes

9. Assumptions and Constraints

  • The application will primarily target users in India, with support for local languages and time zones.
  • The system will require an active internet connection for real-time collaboration.
  • The initial release will focus on core functionalities, with advanced features like AI-assisted task suggestions planned for future updates.
  • The design must balance artistic appeal with usability, ensuring that the interface remains intuitive.
Page 8 of 8

10. Glossary

  • Task: A unit of work or activity to be completed.
  • Note: A piece of information or text created by a user.
  • Version History: A record of changes made to a task or note.
  • Template: A pre-defined structure for tasks or notes that can be reused.
  • Role-Based Permissions: A system of access control based on user roles (e.g., Admin, User, Guest).
  • Real-Time Collaboration: The ability for multiple users to work on the same task or note simultaneously.
  • WCAG: Web Content Accessibility Guidelines, a set of standards for making web content accessible.
Landing design preview
Landing: View App
Login: Sign In
Dashboard: View Activity
Users: Manage Roles
Users: Edit Permissions
Settings: Configure System