🌌 SatByte Technologies

Architecting High-Performance Web Solutions, Custom Client Portals, and Automated Business Systems.

🌐 Official Website: satbyte.in | 👔 Careers Portal: careers.satbyte.in

SatByte Technologies is an elite, full-stack agency platform engineered for scalable business growth. The system features secure client workspaces, high-conversion project quoting engines, robust developer utilities, and a centralized administrative control center.

---

🏗 System Architecture

graph TD
    A[Client Web App - React/Vite] -->|REST API & JWT| B[Backend Server - Node.js/Express]
    B -->|Mongoose ORM| C[Database - MongoDB Atlas]
    B -->|Secure Relay| D[Cloudinary Asset Engine]
    B -->|Transaction Webhooks| E[Payment Gateways - Stripe / Razorpay / PayU]
    B -->|Notifications| F[Resend API & Nodemailer]
    B -->|PDF Generation| G[PDFKit Invoice Automation]

Loading

---

✨ Key Platform Highlights

🍱 Bento-Style User Interfaces

• Visual Symmetry: Layouts are built with clean tracking, Harmonious negative space, and premium visual hierarchy.
• Modern Transitions: Immersive interactions using fluid Framer Motion transitions and subtle hover effects.

🌗 Adaptive Token Theme Engine

• Context-Driven Themes: Fully adaptive semantic colors (using --background, --card, --primary, etc.) allowing seamless light and dark mode toggling.
• Session Persistence: Remembers user preference across subdomains via standard browser local storage.

🏝 Floating Pill Navigation

• Dynamic Header: Center-aligned floating navigation pill that shifts gracefully on scroll.
• Mobile-First Menus: Touch-optimized full-screen overlay menu for an immersive mobile flow.

💼 Career & Education CMS

• CRUD Control Panel: Direct management of jobs, internship cohorts, and certification masterclasses.
• Candidate Tracking: Integrated candidate pipeline with interactive status management (Pending, Interviewing, Selected, Rejected).

💳 Financial & Invoice Systems

• Multichannel Gateway: Integrated Razorpay, Stripe, and PayUMoney payment systems.
• SB-Reference Engine: Custom, branded PDF invoice generator with automatic email dispatch.

---

🛠 Tech Stack

Component	Technology	Description
Frontend	React 19, TypeScript, Vite, Tailwind CSS v4, Framer Motion, Radix UI, Lucide Icons	Premium, reactive, and responsive UI.
Backend API	Node.js, Express, JWT, Bcrypt, Multer	Secure, high-performance, stateless server architecture.
Database	MongoDB Atlas, Mongoose	Scalable, document-based data management.
Integrations	Cloudinary, Resend, Stripe, Razorpay, PayU, PDFKit	High-end media, email, payment, and file generation services.

---

🚀 Recent Releases (June 2026 Overview)

We have recently completed a series of visual, security, and feature upgrades across the SatByte ecosystem:

Important

Admin Cloudinary Media Library & Client Browser Push Notifications

• Cloudinary Media Manager: Enables direct media management in the Admin Dashboard. Staff members can list all assets in the satbyte/ namespace, query details (resolution, file size, format, upload date), copy secure delivery URLs to the clipboard, delete assets permanently from Cloudinary via a card-level overlay verification, and upload new images through a drag-and-drop dropzone supporting custom folder categorization.
• Audit Log Integration: Tied media lifecycle actions directly to MongoDB security logs, auditing MEDIA_UPLOAD and MEDIA_DELETE events with user email, IP address, and browser agent details.
• Browser Push Notifications: Integrated HTML5 browser desktop alerts in the Client portal. Uses React Query to poll unread notifications, parses/strips HTML content dynamically, deduplicates alerts using a localStorage registry (satbyte_notified_ids), and triggers native OS/desktop push notifications.

Important

Careers Portal Redesigns & Cosmic Orange Migration

• ATS-Grade Premium Footer: Rebuilt the entire footer layout inspired by Ashby, Stripe, and Greenhouse. Features a radial/linear dark gradient background, animated statistics counter blocks (25k+ applications, 1200+ internships), responsive mobile accordions, newsletter email validation forms, and custom SVG brand icons (LinkedIn, X, YouTube, GitHub).
• Ecosystem Internships Redesign: Redesigned /internships into a high-end cohort discovery page. Integrates dynamic categories (SWE, Product, AI/Data, Marketing), skeleton loader cards, cohort journey timelines (Apply ➔ Screening ➔ Interview ➔ Selection ➔ Training ➔ Projects ➔ Certification),Placements testomonial carousel, and sticky bottom CTAs.
• Lost Astronaut 404 Experience: Replaced blank 404 pages with a premium "Opportunity Not Found" error screen. Renders custom SVG astronaut animations, rotated career messages, smart suggestion route cards (Popular Jobs, Verification, Resources), and an integrated search bar.
• Coming Soon / Feature Launchpad: Designed /coming-soon to display detailed previews for platform systems (AI Resume Analyzer, Candidate Dashboard, Scheduler) using parameter keys, progress bar status meters, and interest forms.
• Credential QR scanner Camera Permission: Upgraded the certificate verification page scanner. Prompts browser camera permissions via getUserMedia, binds the live video stream into the viewport, and handles access denials with step-by-step troubleshooting recommendations.
• Cosmic Orange Theme Migration: Realigned all hardcoded blues (#2563EB) to the official brand theme Cosmic Orange (#FF5A00 / #E65100 hover) across verification pages, logins, profiles, and dashboard elements.

Important

Inquiries & Contacts CMS Upgrade

• Database-Driven Inquiry Capture: Replaced legacy EmailJS frontend form submissions with secure server-side MongoDB tracking, saving customer inquiries with structured fields (name, email, phone number, marketing source, subject, and message).
• Branded Client Email Replies: Integrated a Node-based email workflow using Resend and Nodemailer. Built responsive email HTML layouts (generateReplyTemplate) featuring SatByte branding, custom headers, footers, and formatting.
• Admin Inquiry Control Center: Added an "Inquiries" dashboard panel (ContactsPanel) with a real-time polling hook (syncs every 10s) accessible to all administrator/manager roles to list inquiries, track status (NEW, REPLIED, CLOSED), and compose email responses directly from the dashboard.
• Integrated Test Harness: Created an automated testing script (server/scripts/testContact.js) to validate database lifecycle steps, reply transitions, and email generation.

Note

Post-Payment Experience & Legal Compliance

• Cosmic Checkout Success Card: Overhauled /pricing/success into a premium, fintech-grade receipt page. Features a glowing glassmorphic receipt card, pulsing checked circle badges, stateful clipboard-copying for reference codes, and a 3-step vertical onboarding PM checklist. Fully optimized with high-contrast theme legibility in both Light & Dark modes.
• Razorpay Parameter Redirection: Integrated verified signature parameters (reference_number, payment_id, plan_key, email) into the post-Razorpay redirection link, providing instant live billing details on-screen.
• GST & Corporate Billing Support: Upgraded the checkout pipeline with a sliding business billing toggle. Stripe and Razorpay securely store corporate names and GSTIN metadata, programmatically printing them onto tax invoice PDFs.
• Cancellation & Refund Policy: Designed a regulatory page (/refund-policy) to satisfy payment gateway policies, seamlessly registered in the React Router and integrated into the footer layout.

Tip

Security, Auth, & Feature Optimization

• Forgot Password OTP Flow: Upgraded forget-password routing (ClientLoginPage.tsx) into a secure 3-step OTP verification pipeline. Features interactive 6-box numeric OTP inputs, password strength meters, and dispatches custom-branded secure HTML emails.
• Dynamic Coupon Generator: Added dynamic random coupon generation directly in the Admin CMS coupon panels.
• Scarcity Countdown Timer: Checkout forms now display real-time reactive count-downs (⏳ EXPIRES IN: HHh MMm SSs) warning customers of coupon expirations.
• Admin Dashboard Theme Support: Disabled forced dark mode, allowing the admin control center to seamlessly inherit light/dark theme preferences.
• Contrast Bug Fixes: Swapped text rendering variables inside inputs, dropdowns, textareas, and tables for semantic text-foreground to resolve unreadable white text issues in light mode.

Important

Gemini Robustness & API Key Rotation Pool (Latest)

• API Key Failover Pool: Implemented a rotating API key mechanism that dynamically loads GEMINI_API_KEY, GEMINI_API_KEY_1, GEMINI_API_KEY_2, etc. If any key hits a 429 (Quota Exceeded) error, the backend instantly fails over to the next key in the pool.
• Model Fallback Sequence: Calls to Gemini try gemini-2.5-flash ➔ gemini-2.0-flash ➔ gemini-2.5-pro ➔ gemini-2.0-flash-lite ➔ gemini-pro-latest in order, ensuring generation succeeds even if individual models are rate-limited.
• Letter Generator UX Flow: Upgraded the sending experience. The "Send Email" button is disabled until a preview is generated (preventing unwanted regenerated text). During email transmission, a blurred backdrop loader overlays the preview rather than clearing it, maintaining visual verification of the exact text being sent.

---

⚙ Getting Started

Prerequisites

• Node.js (version 20 or higher)
• MongoDB Atlas Cluster URI
• Stripe / Razorpay developer keys

Client Setup

1. Install project dependencies:

   npm install

2. Launch client development environment:

   npm run dev

Server API Setup

1. Navigate to the server folder:

   cd server

2. Install server dependencies:

   npm install

3. Configure the environment .env file with MongoDB and API credentials.
4. Start the backend API:

   npm run dev

Full-Stack Launch

To run both client and API concurrently:

npm run dev:full

---

📜 Intellectual Property & Licensing

Proprietary Software - All Rights Reserved.

This repository and all of its associated components are the exclusive intellectual property of SatByte Technologies. Unlicensed distribution, modification, or commercial usage is strictly prohibited.