Dashboard
Recent Client Inquiries & "Hire Me" Leads
| Client Name & Role | Contact Info | Proposed Budget | Submission Date | Status | Actions |
|---|
All Inbound Client Inquiries
Every time a visitor fills out the "Hire Me" or Contact form on your portfolio, their information is recorded here in real-time.
| Client | Contact | Budget | Date | Status | Actions |
|---|
🌀 Skills Presentation & Round-Shape Animation Mode
Select how skills are displayed on the live public website. Choose from interactive circular/orbital modes or classic grid.
🏷️ Manage Skill Categories
Create custom categories, organize your technical skills, and manage category filter tabs on the public portfolio.
Add New Skill
Current Live Skills
Add Career Milestone
Career Milestones List
Add New Project / Technical Implementation
Create and publish case studies, code architectures, or e-commerce solutions with custom images or video previews.
Live Portfolio Projects & Case Studies
Edit existing projects, replace images/videos, update descriptions, and manage case study metrics.
🌐 Website Hero Portrait Photo
Public WebsiteThe main portrait photo displayed to clients and recruiters on your public portfolio hero section.
Displayed on Homepage
🛡️ Admin Dashboard Avatar
Command HubThe private profile badge image displayed in your Admin Command Hub sidebar and user header.
Apon SEC-OS Admin
🏷️ Hero Photo Floating Badges Customizer (Micro-Pills)
Control the 2 floating micro-badges displayed over your hero portrait on the homepage (custom titles, emojis/icons, and ON/OFF visibility toggles).
🏷️ Website Brand Logo & Header Icon Customizer
Customize the top navbar logo and footer brand logo. Upload your custom logo image or change the monogram icon and brand title.
📄 Hero CTA & CV Download Button Controls
Turn ON / OFF the "Download Official CV" button and the action arrow (→) on your homepage hero section with custom labels and document uploading.
⚖️ Website Footer Copyright & Bottom Line Customizer
Change the bottom copyright and design attribution line shown at the bottom of the entire public website.
{year} for automatic current year and HTML tags like <strong> for bold text.
🎓 Academic & Linguistic Foundation
Manage formal degrees, universities, certifications, and multilingual competencies.
🎓 Formal Degrees & University Credentials
🌐 Language Fluencies & CEFR Standards
🎨 Theme & Visual Palette Engine
Customize the global color aesthetics, ambient glowing gradients, and default visitor theme across your entire website in real-time.
💻 Custom CSS Live Injector
Inject custom CSS overrides into the live website. Perfect for styling adjustments, custom fonts, animations, and tweaks.
✨ Motion, Physics & FX Engine
Enable or disable interactive visual effects, canvas particle simulations, and cursor interactions for optimal performance across all devices.
🐘 Neon Serverless Postgres Database Cloud Integration
Connect your dynamic portfolio and client leads directly to an enterprise-grade Neon Serverless Postgres cloud database. Automatic schema generation and cloud synchronization.
Neon Cloud Sync Engine
Status: Ready for Postgres Connection • Zero-Latency Cold Starts
Running live on DigitalOcean Droplet (143.244.164.76 / apon.dev). Filesystem storage is 100% persistent across reboots and PM2 restarts. Connect Neon Serverless Postgres below for instant cloud database redundancy and live synchronization:
.env or configure below
|
Target: postgresql://neondb_owner:password@ep-...neon.tech/neondb?sslmode=require
📋 Neon SQL Migration Schema
Run this SQL in your Neon SQL Editor to create the tables for your dynamic portfolio and leads:
-- 1. Table for Dynamic Portfolio Content & Themes CREATE TABLE IF NOT EXISTS apon_portfolio_cms ( id VARCHAR(64) PRIMARY KEY, content JSONB NOT NULL, updated_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP ); -- 2. Table for Client Inquiries & Recruiter Leads CREATE TABLE IF NOT EXISTS apon_client_leads ( id VARCHAR(64) PRIMARY KEY, client_name VARCHAR(255) NOT NULL, work_email VARCHAR(255) NOT NULL, phone VARCHAR(100), role_scope VARCHAR(255), budget VARCHAR(100), project_specs TEXT, lead_status VARCHAR(50) DEFAULT 'new', internal_notes TEXT, created_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP ); -- 3. Initial Indexing CREATE INDEX IF NOT EXISTS idx_leads_created ON apon_client_leads(created_at DESC);
System Backup & Configuration
💾 Export Portfolio & Leads Backup
Download a complete snapshot of your projects, skills, profile, and customer inquiries as a JSON backup file.
📂 Import Backup File
Restore your portfolio and inquiries from a previously saved JSON file.
⚠️ Revert to CV Defaults
Reset all portfolio configurations back to Md Al Ashikul Bari (Apon)'s original resume baseline.
🔐 Master Security PIN & Gateway Gatekeeper
Configure the master PIN code required to open this Admin Hub whenever you or a visitor clicks an admin option on the public website.
Security State: Protected by SHA-256 One-Way Cryptography
🛡️ How the Security Gate Works
Whenever you or any user clicks the padlock icon, the hero terminal $ admin --login, or the footer admin link on your public website, an Apple-inspired biometric glass PIN dialog will pop up. Only after correctly entering this PIN will the user be redirected and authenticated into this dashboard.
🔑 Session Persistence
Once authenticated via PIN, your browser maintains an encrypted session token until you click "Logout". You can update your PIN anytime without interrupting existing visitor views.