Interactive Developer Portfolio Website
Budget / Salary₹1,500–12,500
TypeFreelance project
LocationRemote
Posted1 hour ago
The project is to build a modern, fully responsive portfolio site that immediately highlights my work as a Python Full-Stack and React developer while also reflecting my passion for AI. I want recruiters and potential collaborators to land on the site, scan visually engaging project cards, and jump straight to live demos with a single click—this is the primary goal.
Design direction
Think sleek e-commerce UI: generous white space, attractive cards with soft shadows, subtle color gradients, and smooth micro-interactions that feel polished on desktop, tablet, and mobile. Navigation must stay simple and sticky, keeping every section—About Me, Technical Skills, Projects, Work Experience, Education, Training, Achievements, and Contact—one or two taps away.
Projects section
Each card needs:
• Project image
• Short summary
• Technology stack tags
• Live demo link (must open in new tab)
Performance counts; heavy assets should be optimized so pages still load quickly on 4G mobile.
Mini-game twist
I’d like an optional, lightweight retro 2D mini-game embedded—or launched in a modal—so visitors can play for fun. A clear “Skip Game / Go to Portfolio” button must let recruiters bypass the game and view the site immediately.
Cross-device & accessibility
Everything—buttons, links, forms—must work flawlessly with mouse, keyboard, and touch. Font choices and color contrast should follow WCAG guidelines, and animations should respect “prefers-reduced-motion” where possible.
Maintainability
Use clean, component-based code (React or Next.js fits well, but I’m open). Keep styling modular (CSS Modules, Styled-Components, or Tailwind are fine) so I can expand sections later without rewiring the layout.
Deliverables
1. Source code in a Git repository with clear setup instructions.
2. Deployed site (GitHub Pages, Vercel, Netlify, or similar) linked from the repo.
3. Read-me covering build commands, how to add new projects, and how to disable or update the mini-game.
Acceptance criteria
• Lighthouse performance ≥ 90 on desktop and mobile.
• Project cards render exactly as specified and open the correct live demos.
• Mini-game loads under 2 seconds and can be skipped instantly.
• No console errors; all internal/external links resolve.
• Layout verified on Chrome, Firefox, Safari, Edge; breakpoints for ≥1280 px, 768–1279 px, ≤767 px.
If this aligns with your expertise, the repo and deployment links will mark the job complete.
Design direction
Think sleek e-commerce UI: generous white space, attractive cards with soft shadows, subtle color gradients, and smooth micro-interactions that feel polished on desktop, tablet, and mobile. Navigation must stay simple and sticky, keeping every section—About Me, Technical Skills, Projects, Work Experience, Education, Training, Achievements, and Contact—one or two taps away.
Projects section
Each card needs:
• Project image
• Short summary
• Technology stack tags
• Live demo link (must open in new tab)
Performance counts; heavy assets should be optimized so pages still load quickly on 4G mobile.
Mini-game twist
I’d like an optional, lightweight retro 2D mini-game embedded—or launched in a modal—so visitors can play for fun. A clear “Skip Game / Go to Portfolio” button must let recruiters bypass the game and view the site immediately.
Cross-device & accessibility
Everything—buttons, links, forms—must work flawlessly with mouse, keyboard, and touch. Font choices and color contrast should follow WCAG guidelines, and animations should respect “prefers-reduced-motion” where possible.
Maintainability
Use clean, component-based code (React or Next.js fits well, but I’m open). Keep styling modular (CSS Modules, Styled-Components, or Tailwind are fine) so I can expand sections later without rewiring the layout.
Deliverables
1. Source code in a Git repository with clear setup instructions.
2. Deployed site (GitHub Pages, Vercel, Netlify, or similar) linked from the repo.
3. Read-me covering build commands, how to add new projects, and how to disable or update the mini-game.
Acceptance criteria
• Lighthouse performance ≥ 90 on desktop and mobile.
• Project cards render exactly as specified and open the correct live demos.
• Mini-game loads under 2 seconds and can be skipped instantly.
• No console errors; all internal/external links resolve.
• Layout verified on Chrome, Firefox, Safari, Edge; breakpoints for ≥1280 px, 768–1279 px, ≤767 px.
If this aligns with your expertise, the repo and deployment links will mark the job complete.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.