starry-files

byAditya Solanki

PRODUCT REQUIREMENTS DOCUMENT (PRD) Project Name: NexusVault (Centralized File Management Hub) Version: 1.0.0 Author: Aditya Kumar Solanki Status: Draft / Development Ready 1. PROJECT OVERVIEW NexusVault is a sophisticated, single-file web-based utility designed to store, manage, and control various file formats. The tool addresses the problem of fragmented file storage by providing a centralized dashboard to preview, share, and download documents, media, code, and executable files within a "Vibe Coding" workflow. 2. TARGET TECHNOLOGY STACK - Frontend: HTML5, CSS3 (Modern Glassmorphism UI) - Logic: JavaScript (ES6+) - Architecture: Single-file Deployment (All-in-one index.html) - Storage: Browser-based IndexedDB (for persistent local storage without a backend) 3. SUPPORTED FILE FORMATS - Documents: .pdf, .docx, .doc, .txt - Images: .jpg, .jpeg, .png, .gif, .svg - Audio: .mp3, .wav, .aac - Video: .mp4 - Code/Data: .html, .css, .js, .py, .java, .json, .xml, .php - Archives/Executables: .exe, .dmg, .app, .zip, .7z, .tar, .gz 4. KEY FEATURES & FUNCTIONALITIES 4.1 File Upload & Storage - Drag-and-drop interface for all supported formats. - Batch upload capability. - Metadata extraction (File name, size, type, upload date). 4.2 File Management Dashboard - Grid/List view toggle. - Category-based filtering (Media, Docs, Code, Others). - Search bar for real-time file name filtering. - File count and storage capacity tracker. 4.3 Smart Viewer Engine (The "Open" Feature) - Integrated Media Player: Native player for mp4, mp3, wav. - Syntax Highlighter: Code previewer for .js, .py, .html, etc. - PDF/Text Viewer: Inline reader for documents. - Image Lightbox: Full-screen preview for graphics. - Binary Handling: Safe "Download-only" prompt for .exe, .dmg, and .zip. 4.4 Control & Sharing - Rename/Delete functionality. - "Share Link" Generator: Creates a local blob link for instant sharing. - Download Controller: One-click download for any stored file. 5. USER INTERFACE (UI) REQUIREMENTS - Mobile-First Design: Optimized for touch interactions and mobile browsers. - Aesthetic: Glassmorphism (frosted glass) with dark/light mode toggle. - Navigation: Bottom navigation bar for mobile or sidebar for desktop. 6. TECHNICAL CONSTRAINTS - The entire application logic, styling, and structure must reside in a single .html file. - Must not require a local server setup (Zero-setup). - Must utilize IndexedDB for large file handling to bypass LocalStorage limits (5MB). 7. FUTURE SCOPE (V2.0) - Cloud Sync (Firebase/Supabase Integration). - Password protection for specific files. - Version control for code files.

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD)

Project Name: starry-files

1. Introduction

Welcome to the System Requirements Document (SRD) for starry-files, a centralized file management hub designed to revolutionize the way users store, manage, and interact with their files. This document outlines the technical and functional requirements necessary to bring starry-files to life.

Developed by Aditya Solanki in India, starry-files aims to provide a seamless experience for users to organize, preview, share, and download various file formats. The project leverages cutting-edge technologies and creative design principles to ensure an intuitive and visually captivating user experience.

Page 2 of 6

2. System Overview

starry-files is a web-based application that serves as a unified platform for file management. It addresses the challenges of fragmented file storage by offering a centralized dashboard where users can upload, categorize, preview, and share files effortlessly.

Key features include:

  • Support for diverse file formats, including documents, media, code, and archives.
  • A smart viewer engine for inline previews and safe handling of binary files.
  • A visually stunning interface inspired by celestial themes, reflecting the "starry" identity.

The system is designed to cater to individual users, professionals, and teams who require efficient file management tools.

3. Functional Requirements

As User:

  • As User, I should be able to upload multiple files simultaneously via drag-and-drop.
  • As User, I should be able to preview files directly within the application.
  • As User, I should be able to categorize files by type (e.g., media, documents, code).
  • As User, I should be able to search for files using a real-time search bar.
  • As User, I should be able to rename or delete files from the dashboard.
  • As User, I should be able to generate shareable links for files.
  • As User, I should be able to toggle between light and dark mode for the interface.

As Admin:

  • As Admin, I should be able to monitor file uploads and storage usage.
  • As Admin, I should be able to set file upload limits for users.
  • As Admin, I should be able to manage user permissions for file sharing.
Page 3 of 6

4. User Personas

Persona 1: Regular User

  • Description: Individuals who use the platform to manage personal files, such as documents, images, and media.
  • Needs: Easy upload, preview, and sharing functionality.

Persona 2: Professional User

  • Description: Professionals who use the platform to organize work-related files, including code and project documents.
  • Needs: Advanced categorization, search, and sharing tools.

Persona 3: Admin

  • Description: Administrators who oversee platform usage and manage user permissions.
  • Needs: Monitoring tools and control over user activities.

5. Visuals Colors and Theme

The visual identity of starry-files is inspired by the night sky and celestial elements. Below is the unique color palette for the project:

  • Background: #0B132B (Deep Space Blue)
  • Surface: #1C2541 (Midnight Navy)
  • Text: #F0F4F8 (Starlight White)
  • Accent: #3A86FF (Nebula Blue)
  • Muted Tones: #5C677D (Cosmic Gray)

The theme will incorporate subtle gradients and starry patterns to evoke a sense of wonder and exploration.

Page 4 of 6

6. Signature Design Concept

The homepage of starry-files will feature an interactive galaxy map where each star represents a file or category.

Concept Details:

  • Visuals: A dynamic, 3D galaxy map with stars that twinkle and shift subtly.
  • Interaction: Users can hover over stars to reveal file details and click to open previews.
  • Animations: Smooth transitions as users navigate between stars, with a zoom-in effect when selecting a file.
  • Micro-interactions: Stars pulse gently when hovered over, and constellations form dynamically based on file categories.
  • Mood: The design will evoke curiosity and a sense of exploration, aligning with the celestial theme.

This bold design will make the homepage unforgettable and set the tone for the rest of the application.

7. Non-Functional Requirements

  • The system must be responsive and optimized for mobile and desktop devices.
  • File uploads must be secure, with encryption applied to sensitive data.
  • The application should load within 3 seconds on standard broadband connections.
  • IndexedDB must be used for local storage to handle large files efficiently.

8. Tech Stack

Frontend:

  • React for Web
Page 5 of 6

Backend:

  • Python
  • FastAPI

Database:

  • MySQL for structured data storage
  • MongoDB for unstructured data

AI Models:

  • GPT 5.4 for user-friendly responses
  • Google Nano Banana for image generation

AI Tools:

  • Litellm for LLM Routing
  • Langchain

Local Orchestration:

  • Docker
  • docker-compose

Server-Side Orchestration:

  • Kubernetes
Page 6 of 6

9. Assumptions and Constraints

  • Users will primarily access the application via modern browsers (Chrome, Firefox, Edge).
  • The system will operate in the IST timezone (India Standard Time).
  • File uploads are limited to 1GB per file for performance optimization.
  • The application will not support legacy browsers (e.g., Internet Explorer).

10. Glossary

  • IndexedDB: A low-level API for client-side storage of significant amounts of structured data.
  • Glassmorphism: A design trend that uses frosted glass effects for UI elements.
  • Blob Link: A URL that points to a binary large object stored locally.
  • LLM Routing: Logic for selecting the appropriate large language model for specific tasks.

End of Document

Landing design preview
Login: Sign In
Admin Panel: View Overview
Admin Panel: Monitor Storage
Admin Panel: Manage Users
Users: Set Upload Limits
Users: Manage Permissions
Admin Panel: View Upload Logs