Giter Site home page Giter Site logo

pulkit1822 / personal-portfolio Goto Github PK

View Code? Open in Web Editor NEW
15.0 1.0 0.0 82.04 MB

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.

Home Page: https://pulkitmathur.me

License: MIT License

JavaScript 95.38% HTML 0.68% CSS 3.95%
blender css formspree gsap html javascript mixamo reactjs readyplayerme threejs

personal-portfolio's Introduction

๐Ÿ’ก 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! โญ๏ธ

personal-portfolio's People

Contributors

pulkit1822 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.