Project 01 / 15
Mashfiq Rayhan Ovi
Personal engineering portfolio with a self-hosted Neon-backed analytics dashboard, a WebGL visitor globe and a zero-dependency MDX blog engine.
Case study / 01
Behind the build
The problem, approach, and impact of Mashfiq Rayhan Ovi.
- Type
- Engineering portfolio
- For
- Businesses looking for a software engineering partner, collaborators and the engineering community.
01 Challenge
A portfolio should do more than list projects. It should show how a product works, what users do and how the software behind it is designed.
02 Approach
Designed and built a full-stack portfolio with first-party analytics, an interactive project showcase, search reporting and a publishing workflow.
03 Highlights
- Collects visitor and session analytics in serverless PostgreSQL and presents traffic summaries in a private dashboard.
- Visualizes visitor locations on a WebGL globe and arranges projects in an interactive 3D carousel.
- Connects Google Search Console reporting with a file-based MDX blog, without a separate CMS.
04 Outcome
- Turns real product features into a working engineering demonstration.
- Generated 5–10 qualified project inquiries per month over a three-month period.
Engineering / Technologies
Built with precision.
Technologies and tools powering this project.
- React
- Next.js
- Node.js
- TypeScript
Full-Stack Development- JavaScript
- PostgreSQL
Web Application- Vercel
Web Development