mammoth-portfolio
JAGA RABARIAct as a senior full-stack developer, UI/UX designer, and creative frontend engineer with 10+ years of experience building award-winning portfolio websites (Awwwards-level). Your task is to build a COMPLETE "GOD MODE" developer portfolio website with the following strict requirements: ======================== đ¯ GOAL Create a modern, highly interactive, visually stunning portfolio website that looks like a premium product (not a template). It must impress recruiters within 5 seconds. ======================== đ¤ DEVELOPER PROFILE Name: Jaga Rabari Role: Web Developer Skills: HTML, CSS, JavaScript, PHP, MySQL Focus: Frontend UI, animations, real-world projects, freelancing ======================== đī¸ STRUCTURE (MULTI-PAGE REQUIRED) Create these pages: 1. Home (index.html) 2. About (about.html) 3. Projects (projects.html) 4. Project Detail Page (project-single.html) 5. Contact (contact.html) ======================== đ¨ DESIGN REQUIREMENTS - Dark theme (Neon Tech ⥠style) - Glassmorphism + gradient glow effects - Custom cursor animation - Smooth scrolling + section transitions - Fully responsive (mobile-first) - Clean typography (Poppins / Inter) - Modern spacing and layout system ======================== ⥠INTERACTIONS & ANIMATIONS - Typing animation in hero section - Scroll-triggered animations (IntersectionObserver or GSAP) - Hover animations on buttons/cards - Parallax background effects - Page transition animations - Animated skill bars ======================== đ ADVANCED (MANDATORY) - Add Three.js or Canvas-based animated background - Dynamic GitHub project fetch using API - Project filtering system (by tech stack) - Project cards with: - Image - Description - Tech stack - GitHub link - Live demo link ======================== đ PROJECT DETAIL PAGE Each project must open a detailed page showing: - Problem statement - Solution - Technologies used - Screenshots - Challenges & learnings ======================== đŦ CONTACT SYSTEM - Functional contact form - Use EmailJS OR PHP backend - Include validation ======================== đ§ PERFORMANCE & QUALITY - Clean, modular code - Use separate CSS and JS files - Optimized images - SEO meta tags included - Fast loading ======================== đ BONUS (IF POSSIBLE) - Dark/light toggle - Blog section - Admin panel to manage projects (basic) - Cursor effects - Loader animation ======================== đĻ OUTPUT FORMAT - Provide full folder structure - Provide all files (HTML, CSS, JS) - Code must be clean and production-ready - No placeholders â use realistic content - Ensure everything WORKS (no broken scripts) ======================== â IMPORTANT RULES - Do NOT create a basic template - Do NOT skip animations - Do NOT use plain design - Focus on uniqueness and creativity - Write like a senior engineer building a real product ======================== đ¯ FINAL RESULT The output should look like a top 1% developer portfolio that could win design awards and impress recruiters instantly.
Comments (0)
Sign in to leave a comment
Project Tasks
No tasks generated yet.
Tasks will appear here as requirements are defined.
My Skills & Proficiency
Crafting digital experiences with a diverse toolkit spanning frontend frameworks, backend technologies, and creative design tools.
Frontend
Frontend Proficiency
- React92%
- JavaScript95%
- HTML/CSS98%
- TypeScript85%
- Next.js80%
- Tailwind90%
4+ years of experience
Backend
Backend Proficiency
- Node.js88%
- Express85%
- Python78%
- REST APIs90%
- MongoDB82%
3+ years of experience
Tools & DevOps
Tools & DevOps Proficiency
- Git93%
- Docker75%
- VS Code95%
- Webpack78%
- CI/CD72%
3+ years of experience
Design & UI
Design & UI Proficiency
- Figma85%
- Three.js70%
- GSAP82%
- Responsive95%
- Animation88%
3+ years of experience
By the Numbers
A snapshot of my journey building digital experiences
Featured Projects
A curated selection of projects that showcase my expertise in building modern, performant web applications.
E-Commerce Dashboard
Full-stack admin panel with real-time analytics and inventory tracking.
E-Commerce Dashboard
Built a comprehensive dashboard featuring live sales charts, user management, product CRUD operations, and automated report generation with role-based access control.
View Moreâ
TaskFlow App
Collaborative task manager with drag-and-drop Kanban boards.
TaskFlow App
Designed and developed an intuitive project management tool with real-time collaboration, drag-and-drop task organization, deadline notifications, and team workspace features.
View Moreâ
Weather Nexus
Interactive weather app with 7-day forecasts and animated maps.
Weather Nexus
Created a visually rich weather application integrating multiple APIs for hyperlocal forecasts, animated radar maps, severe weather alerts, and air quality index tracking.
View Moreâ
DevConnect Social
Social platform for developers to share code snippets and collaborate.
DevConnect Social
Engineered a developer-focused social network featuring syntax-highlighted code sharing, threaded discussions, GitHub integration, and a reputation system with skill endorsements.
View MoreâHover over a card to reveal details
Let's Build Something Amazing Together
Have a project in mind or looking for a developer who brings creativity and precision to every line of code? I'd love to hear from you and explore how we can create something extraordinary.
No comments yet. Be the first!