8080

byHarmanpreet Singh

his app allows two users to send messages securely to each other. Whatever text you type and send from one side appears exactly the same on the receiver side, but the data traveling in between is transformed into completely unreadable scrambled text. How the App Works Example with Any Message: Message Sent: "HELLO FRIEND" Flow: Sender Side Input: HELLO FRIEND Middle Process (Transmission) Encrypted / Scrambled Text: K9#P@2X$7MNB!QWE (This appears as random gibberish that no one can understand.) Receiver Side Output: HELLO FRIEND Visual Flow: Sender Transmission Pathway Receiver Input Middle Output "HELLO FRIEND" → "K9#P@2X$7MNB!QWE" → "HELLO FRIEND" Another Example: Input: MEET AT 5 PM Middle: X@#89Y$2PLK!VBN Output: MEET AT 5 PM Key Feature: The app ensures that the original message stays private. Only the sender and receiver see the clear text. The middle transmission is always scrambled so outsiders cannot read it.

LandingMessageHistoryChatLoginSignup
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

System Requirements Document for Project 8080

1. Introduction

Project 8080 is a secure messaging application designed to allow two users to send messages to each other in a manner that ensures privacy and confidentiality. The application transforms the data into unreadable scrambled text during transmission, ensuring that only the sender and receiver can view the original message.

2. System Overview

Project 8080 is a secure communication platform that encrypts messages during transmission to protect user privacy. The system is designed to ensure that messages sent from one user appear exactly the same on the receiver's side, while the data traveling in between is transformed into unreadable scrambled text. This ensures that the message remains confidential and secure from unauthorized access.

3. Functional Requirements

  • As a User, I should be able to send a message that is encrypted during transmission.
  • As a User, I should be able to receive a message that is decrypted upon arrival.
  • As a User, I should see the original message text on both the sender and receiver sides.
  • As a User, I should be assured that the message remains unreadable to outsiders during transmission.
Page 2 of 4

4. User Personas

  • Sender: A user who initiates the message by typing and sending it.
  • Receiver: A user who receives the message and views it in its original form.

5. Core User Flows

  • Sender Flow: User types a message -> Message is encrypted -> Encrypted message is sent.
  • Receiver Flow: Encrypted message is received -> Message is decrypted -> User views the original message.

6. Visuals Colors and Theme

  • primary: #1A73E8 (a deep blue for trust and security)
  • primary_light: #E8F0FE (a light blue for hover states)
  • secondary: #FF6F61 (a coral hue for emphasis)
  • accent: #FFD700 (a vibrant gold for CTAs and active states)
  • highlight: #FFA500 (an orange for notifications and active indicators)
  • bg: #FFFFFF (a clean white background)
  • surface: rgba(240, 240, 240, 0.8) (a light grey for card backgrounds)
  • text: #333333 (a dark grey for primary text)
  • text_muted: #777777 (a softer grey for secondary text)
  • border: rgba(200, 200, 200, 0.5) (a subtle grey for borders)
Page 3 of 4

7. Signature Design Concept

The homepage of Project 8080 will feature an interactive "Message Encryption Journey" visual. Users will see a dynamic animation of a message being typed, encrypted into a series of colorful, shifting geometric patterns, and then decrypted back into the original text on the receiver's side. This animation will use framer-motion for smooth transitions and spring physics, allowing users to click and drag to explore different stages of the encryption process. The interactive journey will provide a visual representation of the app's core functionality, making the encryption process both educational and engaging.

8. Interaction Model & Motion Direction

The landing page will employ a "parallax" interaction model, creating a layered depth effect as users scroll through the page. This will include decorative layers of shifting geometric patterns that translate at different speeds, enhancing the storytelling of secure message transmission. Internal pages will maintain a "static" interaction model for clarity and ease of use.

9. Non-Functional Requirements

  • The system must ensure data encryption and decryption occur within 1 second.
  • The application should be accessible on both desktop and mobile devices.
  • The system must handle up to 10,000 concurrent users without performance degradation.
Page 4 of 4

10. Tech Stack

  • Frontend: React for Web
  • Backend: Python with FastAPI
  • Database: MySQL or MariaDB
  • AI Models: Not applicable
  • AI Tools: Not applicable
  • Local Orchestration: Docker
  • Server-side Orchestration: Kubernetes

11. Assumptions and Constraints

  • The application will be used primarily for educational purposes.
  • The encryption algorithm must comply with standard security protocols.
  • The system will not store any messages after they are delivered.

12. Glossary

  • Encryption: The process of converting information or data into a code to prevent unauthorized access.
  • Decryption: The process of converting encoded/encrypted data back into its original form.
  • Scrambled Text: Text that has been transformed into an unreadable format during transmission.
Landing: View Info
Login: Sign In
Chat: Receive Message
Chat: View Scrambled Text
Chat: Decrypt Message
Chat: View Original Text
MessageHistory: View Received Messages
MessageHistory: Search Messages
Profile: Manage Account
Profile: Update Password