Portfolio
This project is a 3D graphics application that utilizes ThreeJS, React Three Fiber, TailwindCSS, and Framer Motion libraries. The goal of this project is to create stunning 3D models and geometries with lighting, as well as implement animations, responsiveness, and performance optimization for a great user experience. Technologies Used ThreeJS - a powerful 3D graphics library for rendering and animating the 3D model React Three Fiber - a popular library for creating 3D graphics with ThreeJS in React TailwindCSS - a popular utility-first CSS styling framework Framer Motion - the most popular library used to bring your React website to life with animations Learning Outcomes In this project, I learned how to use the above-mentioned technologies and libraries to create a 3D graphics application. Specifically, I learned how to: Load, create and customize stunning 3D models and geometries with various lights, as well as understand the 3D world with a camera and positioning of an object in space. Make code reusable and scalable using Higher Order Components (HOCs) and other industry-standard best practices Implement sending emails through a form on the website Ensure responsiveness across all devices and improve the site's performance using Suspense and Preload. Future Work I plan to stay up-to-date with new projects and continue to improve my skills in these technologies. I also plan to enhance this project with additional features and functionality in the future.