Skip to content

IsaacUA/portfolio_website

Repository files navigation

My 3D Portfolio Website 🚀

Welcome to the immersive side of my Portfolio 🌟! This repository hosts the 3D experience of my portfolio, offering a dynamic and interactive way to explore my work. It's connected to a simpler, responsive landing page via an iframe.

Check It Out 👀

Take a look at the live demo here 🌍.

What's Inside 🛠️

  • Three.js: For 3D graphics.
  • @react-three/drei: Handy helpers for react-three-fiber.
  • @react-three/fiber: React renderer for Three.js.
  • @react-spring/three: For smooth animations.
  • styled-components: For clean and modern styling.
  • howler.js: For sound effects.

Getting Started

  1. Clone the repository:

    git clone https://github.com/isaacazimovua/portfolio_website.git
    cd portfolio_website
  2. Create a `.env` file in the root of the project and add the following:

    VITE_APP_INNER_WEBSITE="INNER_WEBSITE"

    Replace `"INNER_WEBSITE"` with the actual link to your inner website.

  3. Install dependencies and run the development server:

    npm install
    npm run dev

Contributing 🤝

Found a bug or have an idea? Feel free to open an issue or a pull request. Contributions are welcome!

License 📝

This project is under the MIT License. Check the LICENSE file for more info.

Get in Touch 📧

Questions or feedback? You can reach me at [dmytro.hordus@gmail.com].


Explore the 3D experience, and don't forget to check out the landing page! 🌐 Visit my Landing Page 🚀