Skip to content

Repository files navigation

🌐 Personal Portfolio – Kumar Abi

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


✨ Features

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.

🛠 Tech Stack

Category Technologies
Framework Next.js (v14 with App Router)
UI Library React.js
Styling Tailwind CSS
Animations Framer Motion
Scroll Animations React Intersection Observer

🚀 Getting Started

Follow these steps to set up the project locally.

Prerequisites

Make sure you have Node.js (v18.x or later) and npm installed.

Check your versions:

node -v
npm -v

Installation

# Clone the repository
git clone https://github.com/MAGMA-KROSS/portfolio.git

# Navigate to the project folder
cd portfolio

# Install dependencies
npm install

Run the Development Server

npm run dev

Visit http://localhost:3000 to view it in your browser.

📧 Contact

Kumar Abi 📍 Noida, UP, India 📩 Email: abik4001@gmail.com 🔗 LinkedIn: linkedin.com/in/abiikx 💻 GitHub: github.com/MAGMA-KROSS


About

An interactive 3D portfolio built with Next.js and Three.js. Includes a personal introduction, featured projects, skills, and contact information.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages