Architecting High-Performance Web Solutions, Custom Client Portals, and Automated Business Systems.
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.
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[Nodemailer & EmailJS]
B -->|PDF Generation| G[PDFKit Invoice Automation]
- 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.
- 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.
- 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.
- 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).
- Multichannel Gateway: Integrated Razorpay, Stripe, and PayUMoney payment systems.
- SB-Reference Engine: Custom, branded PDF invoice generator with automatic email dispatch.
| 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, EmailJS, Stripe, Razorpay, PayU, PDFKit | High-end media, email, payment, and file generation services. |
We have recently completed a series of visual, security, and feature upgrades across the SatByte ecosystem:
Important
Post-Payment Experience & Legal Compliance
- Cosmic Checkout Success Card: Overhauled
/pricing/successinto 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-foregroundto resolve unreadable white text issues in light mode.
- Node.js (version 20 or higher)
- MongoDB Atlas Cluster URI
- Stripe / Razorpay developer keys
- Install project dependencies:
npm install
- Launch client development environment:
npm run dev
- Navigate to the server folder:
cd server - Install server dependencies:
npm install
- Configure the environment
.envfile with MongoDB and API credentials. - Start the backend API:
npm run dev
To run both client and API concurrently:
npm run dev:fullProprietary 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.