Skip to content

MarcelVoigt92/3JS-Portfolio

Repository files navigation

Portfolio

This is my portfolio website, built with React, 3JS, Tailwind Css, emailjs, framer motion, and react-tilt. The purpose of this website is to showcase my skills, projects, and experience to potential employers and clients.

Installation

To run this project locally, you'll need to follow these steps:

1.Clone this repository to your local machine.

2.Navigate to the project directory in your terminal.

3.Run npm install to install all the dependencies.

4.Run npm start to start the development server.

5.Open your browser and navigate to http://localhost:3000/.

Usage

Once you have the project running, you can use the website to explore my portfolio, including:

  • My bio and experience.
  • My projects with live demos and source code.
  • A contact form that allows visitors to send me messages directly from the website.
  • A 3D background made with 3JS.
  • A custom mouse cursor.
  • Animations and transitions using framer motion.
  • A responsive design made with Tailwind Css.

Dependencies

This project uses the following dependencies:

  • React
  • React-dom
  • React-router-dom
  • React-tilt
  • React-vertical-timeline-component
  • Three
  • Emailjs-browser
  • Framer-motion
  • Maath
  • @react-three/drei
  • @react-three/fiber

Dev Dependencies

In addition, this project uses the following dev dependencies:

  • Vite
  • @vitejs/plugin-react
  • Autoprefixer
  • Postcss
  • Tailwindcss

Credits

This project was created by Marcel Voigt, with inspiration and code snippets from various online resources. Special thanks to the creators of the following libraries and frameworks:

  • React
  • React-router-dom
  • React-tilt
  • React-vertical-timeline-component
  • Three
  • Emailjs-browser
  • Framer-motion
  • Maath
  • @react-three/drei
  • @react-three/fiber
  • Vite
  • @vitejs/plugin-react
  • Autoprefixer
  • Postcss
  • Tailwindcss

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute this code as you see fit.