Live at mdcran.com
The application behind this site: a responsive portfolio with managed content, API integrations, streaming AI chat, voice features, and analytics.
Contribution & implementation
Designed, built, and maintain the Next.js application and its content, portfolio, analytics, and integration routes. The project record also documents the visitor experience through screenshots and a terminal-mode demo.
Engineering approach
- Use server-rendered pages alongside interactive React components for browsing and live experiences.
- Store editable portfolio content in MongoDB and expose public data through focused API routes.
- Integrate streaming chat and speech services through server-side routes so provider credentials stay on the server.
- Treat accessibility, screen-reader support, theme controls, and responsive layouts as part of the site experience.
Next.js · React · TypeScript · MongoDB · REST APIs · AI integrations · Accessibility
Architecture at a glance
Simplified from the public implementation notes. Select a component.
Server-rendered public pages and interactive browser features.
Guided case study & hands-on walkthrough
Six review steps grounded in the published implementation. Tradeoffs are architectural interpretation; next evaluations are suggestions.
Problem
Recruiters need a fast path to evidence while a broader portfolio also serves creative clients and interactive visitors.
Use the project filters to browse by area, choose a role, or search for a technology. Open a card to explore its implementation and demos.
Home Page
Featured Work
AI Chat Bot
Clients
Resume
Screen Reader Support
Custom Themes
Terminal Mode
“Hit ↑ ↑ ↓ ↓ ← → ← → on your Keyboard!”
Appreciate this project
AI guide
Share
Other Projects
A local-first workspace for AI agents, projects, productivity, personal analytics, and developer operations. Coretex brings the tools used to run work and life into one focused Windows desktop app. It combines agent orchestration, project planning, communication, local infrastructure, and personal tracking behind a responsive React interface.
The public CORE Business Technology platform for websites, growth, AI, automation, and workplace technology. CoreTV.co brings services, pricing, estimates, booking, contact, and client access into one responsive product experience. This entry outlines the public platform while linking the reusable Core AI safety contracts repository behind the private product systems.
A comprehensive wellness platform to track workouts, nutrition, sleep, vitals, habits, therapeutics, appointments, and body metrics — with AI food analysis, Google Drive storage, and exportable health reports.
Internal management and operations platform developed for the U.S. Army Reserve, codename Mercury — streamlining administrative workflows and digital communications.