Skip to content

salahbm/3d-web-portfolio

Repository files navigation

Screenshot 2024-05-25 at 11 31 39 PM

🤖 Introduction By developing this project, you will gain hands-on experience in crafting immersive web experiences, mastering 3D libraries, and implementing engaging animations. The combination of creativity and technical skills showcased in this project serves as an excellent learning opportunity for developers seeking to enhance their portfolio and captivate users with cutting-edge web design.

If you're getting started and need assistance or face any bugs, join our active Discord community with over 27k+ members. It's a place where people help each other out.

⚙️ Tech Stack React.js Three.js React Three Fiber React Three Drei Email JS Vite Tailwind CSS 🔋 Features 👉 Customizable 3D Hero Section: Includes a 3D desktop model easily customizable to suit specific needs.

👉 Interactive Experience and Work Sections: Utilizes animations powered by framer motion for engaging user experience.

👉 3D Skills Section: Showcases skills using 3D geometries through three.js and React Three fiber

👉 Animated Projects and Testimonials: Features animated sections using framer motion for projects and client testimonials.

👉 Contact Section with 3D Earth Model:Integrates a 3D earth model with email functionality powered by emailjs.

👉 3D Stars: Generate stars progressively at random positions using Three.js for background display.

👉 Consistent Animations: Implements cohesive animations throughout the website using framer motion.

👉 Responsive Design: Ensures optimal display and functionality across all devices.

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)

About

3D Developer Portfolio in React with Three.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published