This project was built using a tutorial by JavaScript Mastery on youtube.
This is a 3D React portfolio for a web developer, showcasing their skills and experience in creating interactive 3D models and scenes using ThreeJS and React Three Fiber. The portfolio also features a sleek and modern design, customizable animations and transitions using Framer Motion, and a responsive layout using TailwindCSS.
⭐ Note: This website may require some time for the 3D models to render.
- Clone the repository.
- Install the dependencies by running
npm install
. - Create a .env file and add the following environment variables:
VITE_APP_EMAILJS_SERVICE_ID
VITE_APP_EMAILJS_TEMPLATE_ID
VITE_APP_EMAILJS_PUBLIC_KEY
- Start the project by running
npm run dev
. - Navigate to the project in your browser using the provided URL in the terminal.
⭐ Note: An EmailJS account is required for the contact form to work.
- A visually stunning portfolio with a modern and sleek design.
- Animations and transitions using Framer Motion, which adds a touch of interactivity to the portfolio.
- Interactive 3D models and scenes created with ThreeJS and React Three Fiber.
- A responsive layout using TailwindCSS that ensures the portfolio is optimized for all devices and screen sizes.
- Contact form using EmailJS that allows users to get in touch with the developer directly from the portfolio website.
- A customizable constants file to easily edit the portfolio information.
- React: A JavaScript library for building user interfaces
- ThreeJS: A JavaScript library for creating 3D graphics in the browser.
- React Three Fiber: A React renderer for ThreeJS.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- Framer Motion: A library for creating animations in React.
- EmailJS: A library for sending emails from a React application.
If you'd like to contribute to this project, please fork the repository and submit a pull request.
This project is licensed under the MIT License.