onyx-application

byRani Kaamble

Give me the total youtube application app code with updated version with added strictly stay on topic option and which kill the scrolling of shorts and sends a notification that reminds student to focus on studies make the real app with proper data base attached and easy to understand you can do in html CS and for backend use python only

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

System Requirements Document (SRD)

Project Name: onyx-application

1. Introduction

The onyx-application is designed to help students minimize distractions and focus on their studies by addressing common productivity challenges, such as excessive scrolling on platforms like YouTube Shorts. This application will provide features like disabling shorts scrolling, sending focus reminders, and potentially integrating a timer-based study mode. The project will use HTML and CSS for the frontend and Python for the backend, ensuring simplicity and ease of use for both developers and end-users.

This document outlines the system requirements for the onyx-application, tailored to meet the needs of students in India (IN) and beyond. The application will store user preferences, such as notification timings and focus durations, in a database for a personalized experience.

Page 2 of 5

2. System Overview

The onyx-application is a web-based platform that integrates productivity tools to help students stay focused. The system will:

  • Disable YouTube Shorts scrolling to eliminate distractions.
  • Send timely notifications reminding students to focus on their studies.
  • Provide a simple and intuitive interface for users to configure their preferences, such as notification timings and study durations.
  • Store user preferences in a database for a seamless and personalized experience.

The application will be built using:

  • Frontend: HTML and CSS for a lightweight and responsive user interface.
  • Backend: Python for robust server-side logic.
  • Database: MySQL for storing user preferences and configurations.

3. Functional Requirements

The functional requirements for the onyx-application are as follows:

  • As a Student, I should be able to disable YouTube Shorts scrolling.
  • As a Student, I should receive notifications reminding me to focus on my studies.
  • As a Student, I should be able to configure notification timings and study durations.
  • As a Student, I should be able to activate a timer-based study mode.
  • As a Student, I should have an easy-to-understand interface to manage my preferences.

4. User Personas

Page 3 of 5

4.1 Student

  • Description: Primary user of the application.
  • Goals: Minimize distractions, focus on studies, and improve productivity.
  • Pain Points: Struggles with excessive scrolling on platforms like YouTube Shorts, leading to reduced study efficiency.

5. Visuals Colors and Theme

The onyx-application will use a unique color palette to create a calming and focused environment for students.

  • Background: #F5F7FA (Soft Light Gray)
  • Surface: #FFFFFF (Pure White)
  • Text: #2C3E50 (Deep Navy Blue)
  • Accent: #3498DB (Vivid Blue)
  • Muted Tones: #95A5A6 (Soft Gray)

This palette is designed to reduce eye strain and create a professional yet approachable aesthetic.

6. Signature Design Concept

The onyx-application will feature a "Focus Portal" Landing Page.

Page 4 of 5

Concept Details:

  • Visual Design: The homepage will resemble a serene study desk, complete with animated elements like a glowing desk lamp, a ticking clock, and a stack of books.
  • Interactive Features:
    • The desk lamp will "turn on" when the user activates the study mode.
    • The clock will display the real-time countdown for the study timer.
    • Clicking on the books will open a modal with motivational quotes or study tips.
  • Transitions: Smooth fade-ins and slide animations will guide users through the interface.
  • Micro-interactions: Subtle hover effects on buttons and icons to enhance user engagement.

This immersive design will make the application not only functional but also visually captivating, encouraging students to stay focused.

7. Non-Functional Requirements

  • Performance: The application should load within 2 seconds on a standard broadband connection.
  • Scalability: The backend should support up to 10,000 concurrent users.
  • Security: User data, such as preferences, must be securely stored and encrypted.
  • Usability: The interface should be intuitive and require no more than 5 minutes for a new user to understand.
  • Localization: The application will support English as the primary language, with potential for regional language support in future updates.

8. Tech Stack

  • Frontend: HTML, CSS
  • Backend: Python
  • Database: MySQL (with Alembic for migrations)
  • Orchestration: Docker, docker-compose
Page 5 of 5

9. Assumptions and Constraints

  • The application is targeted primarily at students in India.
  • The backend will be developed using Python only, as per the user's request.
  • The database will store user preferences, such as notification timings and study durations.
  • The application will not include advanced features like AI-based recommendations in the initial version.

10. Glossary

  • YouTube Shorts: A short-form video feature on YouTube.
  • Focus Reminder: A notification sent to remind users to concentrate on their studies.
  • Study Mode: A timer-based feature that helps users allocate specific durations for focused study.
  • Frontend: The part of the application that users interact with directly.
  • Backend: The server-side logic that powers the application.
  • MySQL: A relational database management system used to store user data.
Landing design preview
Landing: View Focus Portal
Landing: Explore Features
Signup: Create Account
Login: Sign In
Dashboard: View Overview
Dashboard: Activate Study Mode
Timer: Start Countdown
Timer: View Progress
Settings: Configure Notifications
Settings: Set Study Duration
Preferences: Manage Shortcuts
Preferences: Disable Shorts Scrolling