Skip to content

This repository showcases a React-based metaverse portfolio featuring a 3D avatar guide, Blender-created office environment, GSAP animations, PWA optimization, Webpack configuration, and live deployment on pulkitmathur.me.

License

Pulkit1822/Personal-Portfolio

Repository files navigation

💡 Explore Sponsorship Options

To support this project, explore sponsorship options available for this repository, as every contribution counts and your support will greatly benefit its development 😊


Portfolio Website 💻

This is a Metaverse portfolio website built using React, Three.js, and Tailwind CSS.

Overview 🚀

  • Built with React, Three.js, and Vite
  • Reactive 3D background created with Three.js
  • Clean and minimalist UI design
  • Engineered the portfolio as a web-based PWA, optimizing for performance, security, and scalability. Configured Webpack and deployed it live.

Features ✨

  • Clean and minimalist UI designed using Tailwind CSS
  • Smooth scroll and page transitions with React Router
  • 3D graphics and animations using Three.js and react-three-fiber
  • Responsive design that works on mobile and desktop
  • Contact form with validation
  • 3D background that reacts to cursor movement

Running Locally 🚀

  1. Clone this repo

  2. Install dependencies

    yarn install
  3. Start local development server

    yarn run dev

Turn on the Music 🎵

To enhance your experience while visiting my profile, I recommend turning on the music "Sunflower" by Post Malone. It will add a delightful touch to your browsing experience. Tap on the music icon to turn on the music.

Music Icon

Music Icon

Technologies Used 🛠️

  • React - JavaScript library for building user interfaces
  • Vite - Fast and lightweight development server
  • Three.js - JavaScript library for creating 3D graphics
  • Tailwind CSS - Utility-first CSS framework
  • Blender - Open-source 3D creation software
  • GSAP - JavaScript animation library
  • Mixamo - Online 3D character animation service
  • RPM - Avatar creation platform
  • FormSpree - Form backend service for contact form

Metaverse ✨

Inspiration Result
Screenshot 1 Screenshot 1

Work Screenshots 📷

Here are some screenshots showcasing the work I have done:

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 3 Screenshot 3 Screenshot 3 Screenshot 3

License 🪪

This project is licensed under the MIT License - see the LICENSE.md file for more details.

Deployment 📦

The app is deployed on Netlify and available at: https://pulkitmathur.me/

Contribution 🫱🏻‍🫲🏼

If you have a better solution or want to suggest improvements, feel free to open an issue or submit a pull request. Contributions are always welcome!

Feedback 📝

If you have any feedback, suggestions, or encounter any issues while using the platform, please don't hesitate to open an issue on GitHub. Your input is invaluable and helps us improve the platform for everyone.


portfolio    Linkedin Logo    Gmail logo    Instagram Logo    Pinterest Logo    Twitter Logo   

Happy learning and coding!


If you find this repository useful, don't forget to star it! ⭐️

About

This repository showcases a React-based metaverse portfolio featuring a 3D avatar guide, Blender-created office environment, GSAP animations, PWA optimization, Webpack configuration, and live deployment on pulkitmathur.me.

Topics

Resources

License

Stars

Watchers

Forks