Skip to content

ARPIT73881/Portfolio

Repository files navigation


Main-Cover

react.js three.js tailwindcss

Welcome to my personal portfolio website, showcasing my work, projects, and skills in web development and 3D design.

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🔗 Links
  5. 🚀 Contributing

Built with React.js for handling the user interface, Three.js for rendering 3D elements, and styled with TailwindCSS, the 3D Minimalistic portfolio is a website project.

The primary goal is to demonstrate the developer's skills in a unique manner that creates a lasting impact.

This website is built using the following technologies:

  • Node : A JavaScript runtime built on Chrome's V8 engine that allows you to run JavaScript on the server-side for building scalable network applications.

  • Vite : Fast and modern build tool for front-end development.

  • React : JavaScript library for building user interfaces.

  • React Three Fiber : React renderer for Three.js, enabling the use of 3D graphics in React.

  • Three.js : A JavaScript library for creating 3D graphics in the browser.

  • React Three Drei : A collection of useful helpers and abstractions for working with React Three Fiber.

  • Tailwind CSS : Utility-first CSS framework for building responsive, custom designs.

👉 Immersive Hero : An eye-catching 3D hacker room that responds to mouse movements, surrounded by animated mini-models.

👉 Interactive About Me : A sleek bento grid layout featuring personal info, a 3D globe pinpointing location, tech stack icons, and a one-click email copy option.

👉 Dynamic Project Showcase : Browse through projects while watching live demos inside a 3D computer model, seamlessly switching between different projects.

👉 Engaging Experience Timeline : Hover over career milestones to trigger interactive 3D animations that bring your professional journey to life.

👉 Client Testimonials : A dedicated section highlighting satisfied clients and their feedback.

👉 Easy Contact Form : A user-friendly email form for visitors to reach out directly from your portfolio.

👉 Clean Footer : A minimalist design featuring social media links for easy networking.

👉 Fully Responsive : Optimized layout ensuring a smooth experience across all devices, from desktop to mobile.

Here is the list of all the resources used in the project video:

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

This portfolio was inspired by the work of Adrian Hajdin. Their creativity and innovation motivated me to build my own version.

Releases

No releases published

Packages

No packages published