💡 More Than Just a Portfolio: This repository contains the source code for a fully dynamic, self-hosted personal ecosystem. It transcends the traditional static portfolio by integrating an advanced Custom CMS, a native CRM, an AI-powered Copilot, and a complete Email/Newsletter engine.
Designed and developed from the ground up to showcase top-tier full-stack capabilities. Every single element on the frontend—from the hero section's availability status to the order of technical skills—is controlled dynamically via a highly secure, data-rich Admin Dashboard.
- Interactive AI Copilot: A custom-trained AI chatbot integrated directly into the UI to answer client queries regarding projects, pricing, and availability in real-time, effectively capturing leads 24/7.
- Smart Meeting Scheduler: Eliminates the need for third-party tools like Calendly. Clients can select their project type, budget, and timezone to book a consultation directly through the native calendar UI.
- Dynamic Showcase & Media Integration: Project cards open into immersive modals featuring embedded YouTube overviews, live links, and detailed structural breakdowns.
- Native Blog & Review Engine: A built-in blogging system with read-time calculations and engagement metrics (likes/comments), alongside a sophisticated client review system featuring country-code verification.
- Real-Time Analytics Engine: A comprehensive dashboard tracking unique visitors, page views, bounce rates, traffic sources, and AI chatbot lead capture statistics without relying on heavy external scripts.
- Absolute CMS Control: Zero hardcoded data. Experience timelines, project galleries, blog posts, and even the sequential ordering of technical skills are managed via drag-and-drop and dynamic forms.
- Built-in CRM & Lead Moderation: Manage all incoming meeting requests, moderate blog comments, and approve/reject client testimonials before they go live on the frontend.
- Custom Newsletter & Email Engine: Why use Mailchimp? This OS includes a native HTML email template builder. It uses variable injection (e.g.,
{{user_name}}) to send automated system alerts (meeting confirmations/cancellations) and custom marketing newsletters to subscribers. - System Operations: One-click toggles for 'Maintenance Mode' with customizable public-facing messages and live status syncing.
Instead of deploying a static template, this application demonstrates Enterprise-Level Architecture applied to a personal brand.
- No Third-Party Reliance: From email dispatching to meeting scheduling and lead generation, everything is handled by custom-written, server-side logic.
- Data-Driven UI: The frontend reacts instantly to database changes pushed from the admin panel, ensuring the portfolio is always up-to-date without needing a new Git commit or deployment cycle.
- Scalable Database Design: Built on PostgreSQL (via Supabase), the relational data structure efficiently connects Users, Projects, Blogs, Reviews, and Meeting Schedules.
Architected & Developed by Shahriar Nabil 🚀
Full-Stack Web Developer & Business Development Executive