A premium, modern portfolio website showcasing AI/ML expertise, deep learning projects, and intelligent systems development.
- Hero: Eye-catching introduction with an interactive, rotating tech stack showcase.
- About: Professional narrative highlighting my journey, milestones, and focus on Generative AI, LLMs, and Computer Vision.
- Skills: Interactive tech stack visualization with proficiency indicators.
- Projects (AI/ML & Dev Tabs): Interactive showcase with an animated switcher between AI/ML and Development categories, complete with metrics and in-depth case studies (covering problem statement, dataset, architecture, training, evaluation, and key learnings).
- Tech Graph: A dynamic, physics-based network graph visualizing the relationships across my technology stack.
- Certifications: Verifiable credentials highlighting continuous learning.
- Open Source: Showcasing public contributions and collaborative projects.
- Testimonials: Professional endorsements and social proof.
- Contact: Sleek, integrated contact form for seamless communication.
| Project | Stack | Key Metrics | Demo |
|---|---|---|---|
| Resume Screening AI | Python, XGBoost, TF-IDF, NLP, Streamlit | 80.9% Accuracy, 22+ Job Categories, sub-second inference | Live Demo |
| Fake News Detection | Python, SVM, TF-IDF, NLP, Streamlit | 99.29% Accuracy, 44.8K articles trained, ~0.1s response | Live Demo |
| CA House Price Predictor | XGBoost, Next.js, FastAPI, Python, Vercel | XGBoost Regression on 20K block groups, comparison chart | Live Demo |
| SquidAI | AI, React, Node, Vercel | AI technical assistant for code generation & debugging | Live Demo |
| Project | Stack | Key Highlights | Demo |
|---|---|---|---|
| AIML Folio | Next.js, TypeScript, Framer Motion, Tailwind, Vercel | Dark-space aesthetic, interactive tech graph, 3D globe | Live Demo |
| Folio Harsh Dev (v2) | Next.js, TypeScript, Framer Motion, Vercel | Premium beige/dark developer portfolio, 10+ sections | Live Demo |
| Campus Navigation System | React, TypeScript, Maps API, Tailwind CSS | Mobile-first building finder and campus routing | Live Demo |
| TravelGo | React, Tailwind CSS, Netlify | Conversion-focused responsive agency landing page | Live Demo |
| Quiz App | React, JavaScript, Netlify | Interactive quiz loop, real-time scoring, instant feedback | Live Demo |
| Portfolio (Next.js) | Next.js, React, CSS, Netlify | Clean dark-themed portfolio website with dynamic layouts | Live Demo |
- Global Neural Network Background: A breathtaking, screen-spanning interactive particle network powered by Three.js that smoothly reacts to user interaction.
- Particle Globe: A fully responsive, optimized 3D globe animation on the hero section.
- Framer Motion Animations: Delightful micro-interactions, spring physics, and scroll reveals across every component.
- Custom Cursor: Custom magnetic cursor effects that dynamically scale over interactive elements.
- Built with Next.js 15.3 (App Router) and React 19.
- Ultra-fast routing and Server-Side Rendering (SSR).
- Strictly typed with TypeScript 5.7.
- Fully responsive design utilizing Tailwind CSS v4 with a highly refined dark glassmorphism aesthetic.
- Zero-config content management system driven entirely by local TypeScript objects.
| Domain | Technologies |
|---|---|
| Frontend Framework | Next.js 15.3.1, React 19.1.0 |
| Language | TypeScript 5.7.3 |
| Styling | Tailwind CSS 4.0.6, Tailwind Merge, CVA |
| Animations & 3D | Framer Motion, Three.js, React Three Fiber |
| Icons & UX | Lucide React, Lenis (Smooth Scroll) |
- Node.js 18+ (20 LTS recommended)
- npm, yarn, or pnpm
-
Clone the repository:
git clone https://github.com/HarshPariya/AIML_folio.git cd AIML_folio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
d:\AIML_Portfolio/
├── app/ # Next.js App Router (Pages, Layouts, API)
├── components/ # React UI Components
│ ├── layout/ # Global Navbar & Footer
│ ├── sections/ # Core Portfolio Sections (Hero, Projects, Skills)
│ ├── ui/ # Reusable UI elements (Buttons, Cards, Badges)
│ └── visuals/ # Three.js 3D Animations & Particle Effects
├── lib/ # Data files & utility functions
│ ├── data.ts # Core content (Projects, Skills, Testimonials)
│ └── site.ts # Site metadata & configuration
└── public/ # Static assets (Images, Resume, Icons)
- Strict security headers configured directly in Next.js (MIME sniffing prevention, Frame-Options, etc.)
- Next.js Image Optimization (WebP/AVIF auto-formatting)
- Highly scalable dynamic component imports to keep initial page loads lightweight.
Harsh Pariya
- Email: harshpariya195@gmail.com
- Location: Ahmedabad, Gujarat, India
- GitHub: github.com/HarshPariya
- LinkedIn: linkedin.com/in/harsh-pariya
Built with ❤️ using Next.js, React, and TypeScript.