Portfolio Website

Portfolio Website using Next.js 14 and Three.js 🌐🎨

Welcome to the repository for my portfolio website! This project showcases my skills and work using a blend of cutting-edge web technologies.

🚀 Tech Stack

✨ Features

  • 👉 Hero Section: Captivating introduction with spotlight effect and dynamic background.
  • 👉 Bento Grid: Modern layout for presenting personal information with cutting-edge CSS design.
  • 👉 3D Elements: Interactive elements like a GitHub-style globe and card hover effects for engagement.
  • 👉 Testimonials: Dynamic testimonials with scrolling or animated content.
  • 👉 Work Experience: Professional background prominently displayed for credibility.
  • 👉 Canvas Effect: Innovative use of HTML5 canvas for visually striking effects in the "Approaches" section.
  • 👉 Responsiveness: Seamless adaptability across all devices for optimal user experience.
  • 👉 Code Architecture: Emphasizes clean, modular architecture for maintainability and reusability.

🌐 Deployment

The website is deployed on Vercel, leveraging its seamless deployment and hosting capabilities. You can view the live site here.

🎨 Design Approach

The design philosophy focuses on blending functionality with aesthetics, using the Aeternity UI for its modern and clean interface. Framer Motion enhances user interaction with smooth animations and transitions, complementing the immersive 3D experience powered by Three.js.

🛠️ Development Setup

To set up the development environment locally, follow these steps:

  1. Clone the repository: git clone https://github.com/your-username/your-repo.git
  2. Navigate to the project directory: cd your-repo
  3. Install dependencies: npm install
  4. Start the development server: npm run dev
  5. Open your browser and go to http://localhost:3000 to view the website.

🚧 Contributing

Contributions are welcome! Whether it's fixing bugs, improving performance, adding new features, or enhancing documentation, feel free to fork the repository, submit a pull request, or open an issue for discussion.

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.

📬 Get in Touch

If you have any inquiries, are interested in collaborating, or simply want to say hello, please don't hesitate to reach out via email at mail. I'm looking forward to hearing from you!


Thank you for visiting my portfolio website repository! Enjoy exploring my work.