Welcome to my personal portfolio! This project is a modern, interactive showcase of my technical journey, built with a focus on visual excellence and seamless user experience.
This portfolio isn't just a static site; it's a dynamic experience designed to demonstrate my proficiency in modern web technologies. From immersive 3D backgrounds to real-time API integrations, every component reflects my commitment to high-quality software development.
- Core: Next.js 16 (App Router), React 19, TypeScript
- Styling: Tailwind CSS
- Interactive 3D: Three.js, React Three Fiber, React Three Drei
- Motion: Framer Motion
- Integrations: GitHub API, LeetCode API, Web3Forms
- Immersive 3D Experience: A high-performance 3D background that responds to user interaction.
- Dynamic Activity Tracking: Real-time visualization of GitHub contributions and LeetCode performance.
- Performance Optimized: Leveraging Next.js Server Components and Turbopack for lightning-fast loads.
- Responsive & Accessible: Optimized for all devices with a focus on readable and inclusive design.
- Modern Contact System: A secure and seamless way for visitors to get in touch.
Follow these steps to set up the project locally.
- Node.js: Version 18.x or higher
- Git: Installed and configured
-
Clone the repository
git clone https://github.com/alphacoder-hash/Personal-Portfolio.git cd Personal-Portfolio -
Install dependencies
npm install
-
Configure Environment Variables Create a
.env.localfile in the root directory:# Get your access key at https://web3forms.com/ NEXT_PUBLIC_WEB3FORMS_KEY=your_access_key_here
-
Launch Development Server
npm run dev
Visit http://localhost:3000 in your local machine.
src/app: Page routes and site-wide layouts.src/sections: The main functional blocks of the portfolio.src/components: Atomized, reusable UI elements.src/lib: Core utility functions and API handlers.public/: Static assets (SVG, images, GLTF models).
Distributed under the MIT License. See LICENSE for more information.
Built with ❤️ by alphacoder-hash