https://github.com/arslanstack/portfolio-threejs
A Demo Developer Portfolio Website in Three JS, React JS, Tailwind CSS and much more
https://github.com/arslanstack/portfolio-threejs
emailjs react tailwindcss threejs
Last synced: 3 months ago
JSON representation
A Demo Developer Portfolio Website in Three JS, React JS, Tailwind CSS and much more
- Host: GitHub
- URL: https://github.com/arslanstack/portfolio-threejs
- Owner: arslanstack
- Created: 2023-12-22T12:11:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-04T18:19:53.000Z (about 2 years ago)
- Last Synced: 2025-01-26T02:32:06.591Z (about 1 year ago)
- Topics: emailjs, react, tailwindcss, threejs
- Language: JavaScript
- Homepage: https://portfolio-three-js-arslanstack.vercel.app
- Size: 32.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Three JS Developer Portfolio
## Project Focus
In this project, my primary focus was on leveraging the following technologies:
- **ThreeJS**: A robust 3D graphics library for rendering and animating 3D models.
- **React Three Fiber**: A widely used library that facilitates the creation of 3D graphics with ThreeJS within React applications.
- **TailwindCSS**: A popular utility-first CSS styling framework.
- **Framer Motion**: The leading library for animating React websites, bringing them to life with dynamic animations.
## Key Objectives
I aimed to achieve the following objectives throughout the development process:
- **3D Graphics Handling**: Loaded, created, and customized captivating 3D models and geometries, experimenting with various lighting techniques. Gained insights into the 3D world, understanding camera functionality and object positioning in space.
- **Code Reusability and Scalability**: Implemented best practices, including the use of Higher Order Components (HOCs), to make the codebase more reusable and scalable.
- **Form Functionality**: Integrated a form on the website to enable users to send emails seamlessly.
- **Responsive Design and Performance Optimization**: Ensured responsiveness across all devices and improved site performance using techniques such as Suspense and Preload.
Feel free to explore the project and discover the immersive 3D experiences it offers!
