Skip to content

lorraineC26/3d_portfolio

Repository files navigation

My 3D Portfolio Website

This repository contains the source code for my 3D portfolio website, showcasing my skills and projects as a web developer.

🌸 The website is deployed and accessible at lorraine-cai-portfolio.vercel.app.

🧰 Tech Stack:

  • React.js: Used for building the user interface and managing state.
  • Three.js: Empowered the creation of 3D elements and animations.
  • React Three Fiber: Simplified the integration of Three.js with React components.
  • React Three Drei: Enhanced the 3D scene with additional components and utilities.
  • Email JS: Implemented email functionality for the contact section.
  • Vite: Provided fast development and optimized production builds.
  • Tailwind CSS: Utilized for styling and responsive design.

✨ Features:

  • 3D Hero Section: Personalized 3D desktop model allowing users to interactively rotate and explore.
  • Interactive Experience and Work Sections: Engaging animations powered by Framer Motion.
  • 3D Skills Section: Demonstrates skills using 3D geometries through Three.js and React Three Fiber.
  • Animated Projects: Dynamic project sections with animated transitions.
  • Contact Section with 3D Earth Model: Integration of a 3D earth model with email functionality.
  • 3D Stars: Background display of progressively generated stars using Three.js.
  • Consistent Animations: Cohesive animations implemented throughout the website.
  • Responsive Design: Ensures optimal display and functionality across various devices.

Feel free to reach out for any questions or feedback. Happy coding! 🚀