A cinematic portfolio experience inspired by Netflix's iconic interface
This portfolio transforms the traditional developer showcase into an engaging, streaming-platform-style experience. Browse through my projects like you're picking your next favorite show.
| Technology | Purpose |
|---|---|
 |
Structure |
 |
Styling |
 |
Interactivity |
 |
Testing (1349 tests) |
 |
Hosting |
- Netflix-style "Who's Watching?" profile selection (Recruiter, Developer, Visitor, Adventurer)
- HD background videos per profile with Mixkit stock footage
- Stock Analyzer — flagship AI project with prominent hero CTA button
- 12 project showcase pages with tech stacks, features, and live demos
- Continue Watching section highlighting key projects
- Responsive design with mobile-first breakpoints (375px, 480px, 600px, 768px, 900px)
- Image lightbox gallery for cricket photography
- 1349 unit + integration tests with Vitest + JSDOM for 100% coverage
dandaakhilreddy/
│
├── index.html # Landing page — enter overlay, Netflix intro, profile selection
├── browse.html # Main portfolio — hero, projects, experience, skills, certs
├── about.html # About page — bio, passions, cricket gallery, lightbox
├── netflix-styles.css # Netflix theme styles (1300+ lines)
├── projects/ # 12 project detail pages
│ ├── project-styles.css # Shared project page styles
│ ├── day-1-llm-ios.html
│ ├── day-8-stock-analyzer.html
│ └── ... # 10 more project pages
├── assets/ # Images, videos, resume, audio
├── tests/ # Test suite (1349 tests)
│ ├── index.test.js # Landing page tests (98)
│ ├── browse.test.js # Main page tests (219)
│ ├── about.test.js # About page tests (113)
│ ├── projects.test.js # All 12 project pages (642)
│ ├── css.test.js # netflix-styles.css tests (94)
│ ├── project-css.test.js # project-styles.css tests (98)
│ └── integration.test.js # Cross-page tests (88)
├── vitest.portfolio.config.ts # Test configuration
└── netlify.toml # Deploy config
# Clone the repo
git clone https://github.com/DandaAkhilReddy/dandaakhilreddy.git
# Navigate to directory
cd dandaakhilreddy
# Open in browser
start index.html # Windows
open index.html # macOS# Install dependencies
npm install
# Run all 1349 tests
npx vitest run --config vitest.portfolio.config.ts| Test File | Tests | Coverage |
|---|---|---|
| index.test.js | 98 | Landing page, particles, overlay, Netflix intro, profiles |
| browse.test.js | 219 | Hero, experience, skills, education, certs, video, contact |
| about.test.js | 113 | Bio, passions, lightbox, gallery, connect section |
| projects.test.js | 642 | All 12 project pages — structure, content, links, sections |
| css.test.js | 94 | Netflix theme — variables, selectors, breakpoints, animations |
| project-css.test.js | 98 | Project styles — layout, hover, variants, responsive |
| integration.test.js | 88 | Cross-page navigation, assets, links, consistency |
| Total | 1349 | 100% coverage |
Star this repo if you like what you see!