Linux spg1.cloudpowerdns.com 5.14.0-611.34.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 18 05:51:10 EST 2026 x86_64
LiteSpeed
Server IP : 176.9.63.151 & Your IP : 216.73.217.60
Domains :
Cant Read [ /etc/named.conf ]
User : fastear1
Terminal
Auto Root
Create File
Create Folder
Localroot Suggester
Backdoor Destroyer
Readme
/
home /
fastear1 /
data sycho /
Delete
Unzip
Name
Size
Permission
Date
Action
admin
[ DIR ]
drwxr-xr-x
2026-04-01 03:43
assets
[ DIR ]
drwxr-xr-x
2026-04-01 03:43
auth
[ DIR ]
drwxr-xr-x
2026-04-01 03:43
includes
[ DIR ]
drwxr-xr-x
2026-04-01 03:43
layouts
[ DIR ]
drwxr-xr-x
2026-04-01 03:43
uploads
[ DIR ]
drwxr-xr-x
2026-04-01 03:43
.htaccess
197
B
-r--r--r--
2026-04-01 03:43
404.php
2.81
KB
-rw-r--r--
2026-03-01 20:29
PRD.md
10.42
KB
-rw-r--r--
2026-03-01 20:12
contact.php
8.52
KB
-rw-r--r--
2026-03-01 23:42
dashboard.php
27.37
KB
-rw-r--r--
2026-03-01 20:23
database.sql
3.35
KB
-rw-r--r--
2026-03-01 20:13
error_log
6.87
KB
-rw-r--r--
2026-03-01 20:23
index.php
11.9
KB
-rw-r--r--
2026-03-16 18:50
me.zip
14.2
MB
-rw-r--r--
2026-03-01 20:08
payment.php
9.09
KB
-rw-r--r--
2026-03-01 23:13
process_order.php
2.36
KB
-rw-r--r--
2026-03-01 21:23
purchase.php
6.51
KB
-rw-r--r--
2026-03-01 23:14
services.php
5.29
KB
-rw-r--r--
2026-03-01 23:40
wp-blog-header.php
2.74
KB
-rw-r--r--
2026-04-01 03:43
wp-cron.php
2.74
KB
-rw-r--r--
2026-04-01 03:43
Save
Rename
# Product Requirements Document (PRD): CodeBySycho --- ## 1. Cover Page - **Project Name:** CodeBySycho - **Document Version:** 1.0 - **Document Type:** Product Requirements Document (PRD) - **Status:** Draft - **Date:** March 1, 2026 - **Author:** Senior Product Manager (Antigravity AI) - **Target Audience:** Development Team, Stakeholders, UI/UX Designers --- ## 2. Table of Contents 1. [Project Overview & Purpose](#3-project-overview--purpose) 2. [Goals & Success Metrics](#4-goals--success-metrics) 3. [Tech Stack & Architecture](#5-tech-stack--architecture) 4. [User Roles & Permissions](#6-user-roles--permissions) 5. [User Panel — Screen-by-Screen Specifications](#7-user-panel--screen-by-screen-specifications) 6. [Admin Panel — Module-by-Module Specifications](#8-admin-panel--module-by-module-specifications) 7. [User Stories & Acceptance Criteria](#9-user-stories--acceptance-criteria) 8. [Email Notification System](#10-email-notification-system) 9. [UI/UX Design Requirements](#11-uiux-design-requirements) 10. [Database Schema](#12-database-schema) 11. [Security Requirements](#13-security-requirements) 12. [Out of Scope](#14-out-of-scope) 13. [Appendix / Glossary](#15-appendix--glossary) --- ## 3. Project Overview & Purpose **CodeBySycho** is a professional portfolio and service marketplace website. It serves as a digital storefront for a developer, showcasing their skills and experience while allowing clients to purchase predefined services. The platform is designed to bridge the gap between a personal portfolio and a structured freelance service management tool. **Purpose:** - Provide a professional public presence for the developer. - Streamline the service acquisition process for clients. - Centralize order management and client communications. - Automate progress tracking for both parties. --- ## 4. Goals & Success Metrics | Goal | Success Metric | | :--- | :--- | | **Professional Online Presence** | 90% Lighthouse score for Performance and SEO. | | **Conversion Rate** | 10% of visitors clicking on "Buy a Service." | | **Operational Efficiency** | 100% of order status updates reach the client via email within 1 minute. | | **User Retention** | Clients can easily download finished projects via their dashboard. | | **Scalability** | Support for 100+ simultaneous service listings and 1000+ active users. | --- ## 5. Tech Stack & Architecture - **Environment:** XAMPP (Local Test Server) + Live Server (Domain-hosted). - **Frontend:** HTML5, Vanilla CSS3 (Custom design system), JavaScript (ES6+). - **Backend:** PHP (Native/Procedural or OOP as per preference). - **Database:** MySQL. - **Email:** PHPMailer or standard PHP `mail()` function with SMTP integration. - **Authentication:** PHP Session-based authentication. - **Responsiveness:** Fully Responsive (Android, Tablet, Desktop) using Flexbox and CSS Grid. - **Design System:** Custom CSS reflecting Green (+), White, Black brand palette. --- ## 6. User Roles & Permissions | Role | Permissions | | :--- | :--- | | **Visitor** | View Home, Experience, Services (Preview), and Contact info. Request password resets. | | **Logged-in User** | All "Visitor" permissions + Purchase services, view dashboard, track order status, download completed files, manage profile. | | **Admin** | Full system access: Manage Users, Services, Orders, Website Settings, and Contact information. Update order statuses and upload files. | --- ## 7. User Panel — Screen-by-Screen Specifications ### 7.1 Navigation Bar | Feature | Description | | :--- | :--- | | **Logo** | Left-aligned. Clicking redirects to Home. | | **Menu Items** | Center-aligned: Services | Experience | Contact Us. | | **CTA Button** | Right-aligned: "Buy a Service" (Primary Green color). | | **Mode Toggle** | Dark / Light theme switch. | | **Sticky Behavior** | Constrained to top on scroll. | | **Mobile Adaption** | Collapses to Hamburger menu on screen widths < 768px. | ### 7.2 Home Page 1. **Hero Section:** Full viewport width. Left: Name, Professional Title, Short Bio. Center: Rounded/High-res developer photo. Dark background with green neon-style accents. 2. **Experience Section:** Timeline or Card layout showing roles, durations, and key skills. Modern tech stack icons (PHP, MySQL, etc.). 3. **Services Preview:** 3 featured service cards. The center card is the "Premium" service: - Elevated `z-index` or `transform`. - Slightly larger scale. - Hover effect: Upward floating animation. - Click redirects to the full `/services` page. 4. **Feedbacks / Testimonials:** Slider or Grid of cards. Client name, star rating (1-5), and review text. 5. **Footer:** Admin-managed contact details, social links, and copyright text. ### 7.3 Services Page - **Grid Layout:** All active services. - **Card Content:** Service Name, bulleted features, price, and "Buy Now" CTA. - **Purchase Logic:** If user is not logged in, redirect to `/login` then return to `/purchase?id=XYZ`. ### 7.4 Service Purchase Flow 1. **Step 1:** Form for project details (Title, Requirements, Deadline preference). 2. **Step 2:** Display Payment Instructions (Static text/HTML managed by Admin). 3. **Step 3:** Submit Order. Status initiates as "Order Confirm". Email confirmation sent. ### 7.5 User Dashboard - **Profile:** Edit Name, Email, Password, and Profile Photo. - **My Orders:** List view. Status Badge (Dynamic color) + Visual Progress Bar (indicating 1-8 stages). - **Order Detail:** Expanded view of project details and current stage description. - **Download Center:** A visible button appears **only** when status is "Order Complete". --- ## 8. Admin Panel — Module-by-Module Specifications ### 8.1 Admin Login - **URL:** `domain.com/admin` - **Default Credentials:** `admin@gmail.com` / `Admin123` (Enforced change on first login or via settings). ### 8.2 Dashboard Overview (Stats) - **KPI Cards:** Total Users, Live Services, Total Orders, Pending, In Progress, and Completed. ### 8.3 Sidebar Navigation - Vertical navigation with Green highlight for the active page. Links: Dashboard, Users, Services, Orders, Contact Us, Settings. ### 8.4 Services Module - **Action:** Green "+ Create New Service" button. - **Fields:** Name, Features (text), Is Premium? (Toggle), Price, Payment Details (Internal/External), Full Description, Status (Active/Inactive). ### 8.5 Orders Module - **Table view:** Order ID, Client Name, Service Type, Date, Payment Status (Paid/Unpaid), Current Status. - **Progress Management:** Dropdown selector following the mandatory 8-stage sequence: 1. Order Confirm 2. Order Start 3. 30% Work Complete 4. 50% Work Complete 5. 70% Work Complete 6. Work Almost Done 7. Order Sending 8. Order Complete (Unlocks File Upload) ### 8.5 Settings & Contact Us - **Global Settings:** Change Admin email/password. - **Contact Info:** Edit Phone, Social link URLs, Location. Instant update on public site footer. --- ## 9. User Stories & Acceptance Criteria ### US.1: Service Discovery **As a** Visitor, **I want to** see the developer's services on the home page **so that** I can understand what is offered. - [ ] 3 cards shown in the preview section. - [ ] Center card is visually distinguished as "Premium". - [ ] Clicking "Services" in nav scrolls to section or redirects to page. ### US.2: Service Purchase **As a** Logged-in User, **I want to** purchase a service after reviewing payment instructions **so that** my project can begin. - [ ] User must be authenticated to access the purchase form. - [ ] Order status is set to "Order Confirm" upon submission. - [ ] Client receives an HTML email immediately. ### US.3: Order Management **As a** Senior Admin, **I want to** update the status of an order **so that** the client stays informed via email. - [ ] Dropdown contains exactly 8 stages. - [ ] Changing stage triggers an automated email. - [ ] Final stage allows file upload. --- ## 10. Email Notification System | Event | Recipient | Content | Theme | | :--- | :--- | :--- | :--- | | **Registration** | User | Welcome + Login URL. | Green accents | | **Order Placed** | User | Order details + Payment Receipt. | Green accents | | **Status Change** | User | Progress Update (Stage X of 8). | Visual Progress Bar | | **Project Delivery**| User | Download link + "Thank you" closing. | Celebration theme | | **Password Reset** | User | Token-based link (1-hour expiry). | Critical Action | --- ## 11. UI/UX Design Requirements - **Theme:** Strict Green (#00FF00 / custom green), Pitch Black, and Crisp White. - **Animations:** Subtle hover transitions (0.3s), loading skeletons or spinners on data loads. - **Feedback:** - Green Toast notification for `Success`. - Red Toast notification for `Error`. - **Typography:** Modern Sans-Serif (Inter or Poppins). - **Navigation:** Hamburger menu for mobile; sticky header for desktop. --- ## 12. Database Schema ### 12.1 `users` - `id`, `name`, `email`, `password` (hashed), `profile_pic`, `registered_at` ### 12.2 `services` - `id`, `name`, `features`, `price`, `description`, `details`, `is_premium`, `status`, `created_at` ### 12.3 `orders` - `id`, `user_id`, `service_id`, `project_details`, `status` (1-8), `payment_status`, `file_path`, `ordered_at` ### 12.4 `order_status_history` - `id`, `order_id`, `status_label`, `updated_at` ### 12.5 `contact_settings` - `id`, `phone`, `email`, `address`, `social_links` (JSON) ### 12.6 `testimonials` - `id`, `client_name`, `review_text`, `rating`, `is_active` --- ## 13. Security Requirements - **Hashing:** All passwords stored using `password_hash()` (BCRYPT). - **SQL Injection:** Mandatory use of Prepared Statements / PDO. - **CSRF:** Tokens on all POST requests (especially Login/Purchase). - **Session:** Secure session handling (Regenerate ID on login). - **Authorization:** Middleware-style checks for `/admin` and `/dashboard`. --- ## 14. Out of Scope - Integrated online payment gateway (Stripe/PayPal) - Payment instructions are manual text for now. - Real-time chat system between Admin and User (Use email instead). - Multi-currency support (Default to fixed currency like $ or PKR). --- ## 15. Appendix / Glossary - **PRD:** Product Requirements Document. - **XAMPP:** Cross-Platform, Apache, MySQL, PHP, and Perl (Development server). - **Stage 8:** The final delivery state where the transaction is considered closed.