A modern, high-performance Developer Portfolio Website engineered with React 18, TypeScript, Tailwind CSS, and Framer Motion. Showcases full-stack and AI projects, internships, 30+ verified certifications & badges, live GitHub activity, LeetCode problem-solving stats, interactive modals, and recruiter-friendly quick-action hubs.
🌐 Live Deployment: https://preyal1portfolio.netlify.app/
- ⚡ Glassmorphic Dark Aesthetic: Sleek Obsidian & Electric Blue/Violet palette (
#09090B,#2563EB,#7C3AED) with dynamic neon accent glow effects and custom interactive cursor. - 🎯 Recruiter Action Hub: Dedicated "Hire Me" modal and Recruiter Action Banner with instant resume downloads, 1-click scheduling, and direct contact avenues.
- 📁 Interactive Project Showcase: Dynamic category filters (All, AI, Web, Machine Learning, Coding Practice) with collapsible architectural deep dives, problem-solving challenges, and direct Live Demo + Code links.
- 📊 Real-Time GitHub & LeetCode APIs: Live integration fetching public repositories, contribution heatmaps, problem-solving stats, and ranking telemetry.
- 📜 Certificate & Achievement Viewer: Interactive credential modal with full-screen verification, credential IDs, issuing authority badges, and direct PDF downloads.
- 📱 100% Fully Responsive: Fluid layouts engineered for desktop, tablet, and mobile with smooth touch gestures and performant spring physics via Framer Motion.
| Project | Live Demo | Repository | Core Tech Stack |
|---|---|---|---|
| Smart College Transportation Portal | smarttransport1.netlify.app | preyal2/smart-college-transport | HTML5 Canvas, Web Speech API, Web Audio, Vanilla JS |
| IronCore Gym Management System | ironcoregym7.netlify.app | preyal2/ironcore-gym-management-system | PHP 8, MySQL, SQLite, JavaScript, Chart.js, REST API |
| Smart Recipe Preparation Agent | recipepreparationagent.netlify.app | preyal2/SmartRecipePreparationAgent | HTML5, CSS3, JavaScript, AI API Integration |
| Developer Portfolio | preyal1portfolio.netlify.app | preyal2/portfolio | React 18, TypeScript, Tailwind CSS, Vite, Framer Motion |
| Daily LeetCode | — | preyal2/daily-leetcode | Python, Java, Data Structures & Algorithms |
- Core Framework: React 18, TypeScript, Vite
- Styling & Design System: Tailwind CSS, CSS Custom Properties, Glassmorphism
- Animations & Interactions: Framer Motion (Motion), Lucide React Icons, Canvas Confetti
- APIs & Telemetry: GitHub REST API, LeetCode Alfa API, GitHub Chart API
- Deployment & Hosting: Netlify CI/CD
- Node.js (v18 or higher recommended)
- npm / pnpm / yarn
-
Clone the Repository:
git clone https://github.com/preyal2/portfolio.git cd portfolio -
Install Dependencies:
npm install
-
Start Development Server:
npm run dev
Open your browser at
http://localhost:5173/ -
Build for Production:
npm run build
- Author: Preyal Modi
- Email: modipreyal@gmail.com
- LinkedIn: linkedin.com/in/preyalmodi
- GitHub: github.com/preyal2
- Portfolio: preyal1portfolio.netlify.app
This project is open-source and available under the MIT License.