Welcome to the source code of my personal portfolio website!
This project showcases my skills, projects, and journey as a Web Developer and Data Science Enthusiast.
Built with a modern tech stack, it’s fast, responsive, and visually engaging.
Live Demo: your-portfolio-url.com
This portfolio is a single-page application with smooth scrollable sections, each designed to be clean, modern, and informative.
- 🎯 Hero Section – Engaging introduction with a tagline & call-to-action buttons.
- 🙋 About Me – A brief personal introduction highlighting my passion & journey.
- 🛠 Skills / Toolbox – Visual showcase of technical skills using hexagonal cards & real tech logos.
- 🚀 Projects – Grid-based layout of my key projects, including descriptions, tech stacks, and live/GitHub links.
- 📄 Resume – Professional summary of skills, experience, and education, with a downloadable PDF.
- 📬 Contact Form – Functional form with social media links.
- 📱 Responsive Design – Fully responsive, optimized for mobile, tablet, and desktop.
- 🎨 Animations – Smooth, subtle animations powered by Framer Motion.
| Category | Technologies |
|---|---|
| Framework | Next.js (v14 with App Router) |
| UI Library | React.js |
| Styling | Tailwind CSS |
| Animations | Framer Motion |
| Scroll Animations | React Intersection Observer |
Follow these steps to set up the project locally.
Make sure you have Node.js (v18.x or later) and npm installed.
Check your versions:
node -v
npm -v# Clone the repository
git clone https://github.com/MAGMA-KROSS/portfolio.git
# Navigate to the project folder
cd portfolio
# Install dependencies
npm installnpm run devVisit http://localhost:3000 to view it in your browser.
Kumar Abi
📍 Noida, UP, India
📩 Email: abik4001@gmail.com
🔗 LinkedIn: linkedin.com/in/abiikx
💻 GitHub: github.com/MAGMA-KROSS