Manik — Personal Portfolio

MERN Stack Developer portfolio built with vanilla HTML, CSS & JavaScript + GSAP animations.

---

Tech Stack

• HTML5 — Semantic structure
• CSS3 — Custom properties, Grid, Flexbox, animations
• JavaScript (Vanilla) — DOM manipulation, IntersectionObserver, form handling
• GSAP + ScrollTrigger — Hero entrance, scroll parallax, stagger animations
• Font Awesome + Simple Icons — Skill & UI icons
• Google Fonts — Syne (display) + Space Grotesk (body)
• Web3Forms — Contact form submissions (no backend needed)

---

Features

• Custom animated cursor with hover expansion
• GSAP hero entrance timeline
• Scroll-triggered reveal animations on all sections
• Animated skill progress bars
• Hero stat counter animation
• Horizontal marquee ticker (pauses on hover)
• Magnetic tilt effect on metric cards
• Active nav link highlight on scroll
• Mobile hamburger menu overlay
• Responsive across all screen sizes
• Contact form with Web3Forms API

---

Sections

Section	Description
Hero	Name, title, CTA buttons, stats, photo
About	Bio, tech tags, metric cards
Skills	React, Node, MongoDB, Tailwind, AI, Deployment
Education	BCA → MCA timeline
Projects	Concept Dependency Debugger, TechNavigator, Real Time Communication App
Contact	Web3Forms-powered contact form
Footer	Nav links, socials, wordmark

---

Projects Showcased

1. Concept Dependency Debugger

2. Tech Navigator (AI powered)

3. Real Time Communication App

---

Folder Structure

port/
├── assets/
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── script.js
│   └── img/
│       ├── hero.jpeg
│       ├── project1.png
│       ├── project2.png
│       └── project3.png
├── index.html
└── README.md

---

Run Locally

No build step needed — pure HTML/CSS/JS.

git clone https://github.com/manikkori/personalPortfolio.git
cd personalPortfolio
# Open index.html in browser directly
# OR use Live Server in VS Code

---

Deployment

Deployed on Vercel via GitHub integration.

Every push to main triggers an automatic redeploy.

git add .
git commit -m "your message"
git push origin main
# Vercel auto-deploys ✓

---

Connect

Platform	Link
GitHub	github.com/manikkori
LinkedIn	linkedin.com/in/manik-kori
Instagram	instagram.com/_the.manik
Email	manikkori697@gmail.com

---

© 2026 Manik. All rights reserved.