nova-create

Introduction

The nova-create project aims to develop a web application for unlimited cloud storage with extensive media playback options, file upload progress tracking, and comprehensive file management capabilities. The application will provide a seamless user experience without requiring email verification.

System Overview

The nova-create web application will offer users unlimited cloud storage, allowing them to upload files up to 9999 petabytes. The system will feature a user-friendly interface with a file upload progress bar, media playback options, and thumbnail support for various file types. Users will be able to manage their files through options to download and delete files.

Functional Requirements

• As a User, I should be able to upload files up to 9999 petabytes.
• As a User, I should see a file upload progress bar from 0% to 100%.
• As a User, I should be able to access my uploaded files in an output directory called "My Files."
• As a User, I should be able to play audio files with a repeat and playback option.
• As a User, I should be able to play video files with a repeat, playback, and picture-in-picture option.
• As a User, I should be able to play GIF files with a repeat and playback option.
• As a User, I should be able to play m3u8 playlist files with a repeat and playback option.
• As a User, I should be able to view images with an image viewer.
• As a User, I should be able to view PDF files with a PDF viewer.
• As a User, I should see thumbnails for images, audio, video, ISO, torrent, and exe files.
• As a User, I should be able to filter files alphabetically (A-Z).
• As a User, I should be able to download and delete files.

User Personas

• Regular User: Can upload, manage, and play media files without email verification.

Core User Flows

• User uploads a file -> Sees upload progress -> File appears in "My Files" directory.
• User selects a media file -> Plays file with available playback options.
• User views a file thumbnail -> Selects file -> Downloads or deletes file.

Visuals Colors and Theme

• primary: #000000 (Black)
• primary_light: #333333 (Dark Gray)
• secondary: #FFFFFF (White)
• accent: #FF5733 (Orange)
• highlight: #C70039 (Red)
• bg: #121212 (Dark Background)
• surface: #1E1E1E (Dark Surface)
• text: #FFFFFF (White)
• text_muted: #B3B3B3 (Muted Gray)
• border: #444444 (Gray)

Signature Design Concept

Interactive Media Hub

The homepage will feature an interactive media hub where users can drag and drop files into a central upload area. As files are uploaded, they will animate into a dynamic grid that visually represents the "My Files" directory. Each file type will have a unique animation when hovered over, such as spinning for audio files or expanding for video files. This concept will be implemented using motion/react for smooth animations and interactions.

LANDING HERO MOTION BRIEF

The landing page will showcase a continuous loop animation of files being uploaded and organized into the "My Files" directory. The animation will depict files transforming into thumbnails, emphasizing the application's capability to handle various media types. The animation will be built using motion/react for a seamless experience.

Interaction Model & Motion Direction

• Interaction Model: Animated
• The landing page will feature moderate scroll-triggered reveals and hover transitions, providing a polished and interactive user experience.

Non-Functional Requirements

• The application must support high-volume file uploads without performance degradation.
• The system should ensure data integrity and security for all uploaded files.

Tech Stack

• Frontend: React for Web
• Backend: Python, FastAPI
• Database: MySQL or MariaDB
• Local Orchestration: Docker, docker-compose

Assumptions and Constraints

• Unlimited storage is assumed to be managed efficiently by the backend infrastructure.
• No email verification is required for user access.

Glossary

• PB: Petabyte, a unit of digital information storage.
• Thumbnail: A small image representation of a file.
• Playback Option: Controls for playing media files, such as play, pause, and repeat.