Engineering Case Files — Portfolio

A production-grade personal portfolio where projects are presented as structured technical investigations — not just finished products.

Live: yourstruggle11.netlify.app

---

Preview

Homepage	Case Page

---

The Concept

Most portfolios show what was built. This one shows how and why.

Each project is filed as a Case — a structured investigation that surfaces engineering thinking, architectural decisions, and measurable outcomes:

CASE 001 — Problem & Investigation
CASE 002 — Architecture & Approach  
CASE 003 — Outcome & Evidence

The format borrows from technical post-mortems and design docs, giving context that project cards can't.

---

Tech Stack

Layer	Choice
Framework	Next.js (App Router)
Language	TypeScript
Styling	Tailwind CSS
Animation	Framer Motion
Deployment	Netlify

---

Design System

• Dark editorial UI — typography-driven, minimal chrome
• Investigative theme — structured, evidence-based presentation
• Responsive-first — tested across 320px to 2560px+
• Intentional motion — subtle, purposeful transitions only
• Data-driven content — update cases without touching UI components

---

Sections

Section	Description
Hero	Introduction and positioning
Cases	Featured engineering investigations
Evidence	Impact metrics and outcomes
Field Notes	Timeline of work and learning
Archive	Open source contributions
Reports	Technical writing
Contact	Reach out

---

Key Features

• Case-based storytelling — projects as structured investigations
• Command palette — Cmd/Ctrl + K for fast navigation
• Accessible — keyboard navigation, semantic HTML throughout
• Type-safe — production-grade TypeScript content model
• Performance-focused — minimal dependencies, clean component separation

---

Getting Started

# Clone the repo
git clone https://github.com/Yourstruggle11/engineering-case-files.git
cd engineering-case-files

# Install dependencies
npm install

# Start dev server
npm run dev

Open http://localhost:3000 in your browser.

---

Build & Deploy

npm run build    # Production build
npm run start    # Start production server

---

Author

Souvik Sen — Product-focused full-stack engineer

GitHub · LinkedIn · Medium