Skip to content

Husnain-Ali-dev-02/portfolio-three.js

Repository files navigation

🤖 Introduction 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.

⚙️ Tech Stack Node.js React.js Three.js React Three Fiber React Three Drei Email JS Vite Tailwind CSS 🔋 Features 👉 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.

and many more, including code architecture and reusability

🤸 Quick Start Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Git Node.js npm (Node Package Manager)

Installation

Install the project dependencies using npm:

npm install

About

Stunning portfolio made by using react.js, tailwindcss, gsap, threejs, email.js.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors