This is a Metaverse portfolio website built using React, Three.js, and Tailwind CSS.
To support this project, explore sponsorship options available for this repository, as every contribution counts and your support will greatly benefit its development 😊
- 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.
- 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
- Personalized music player for ads-free experience
-
Clone this repo
-
Install dependencies
yarn install
-
Start local development server
yarn run dev
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.
A Portfolio is something that tells us about a person. So, to know my music taste, I recommend turning on my playlist. A person's music taste tells us more about his emotional thoughts. Tap on the music player icon to view.
- Responsive Design: The music player is fully responsive and works seamlessly on both desktop and mobile devices.
- Ad-Free Experience: Enjoy uninterrupted music with no ads.
- Cloudinary API: Uses Cloudinary API to store and stream music content, ensuring fast and reliable playback.
- Basic Controls: Simple and intuitive controls for playing the next song, going back to the previous song, and shuffling the playlist.
The main idea behind including music in my portfolio is to share my personal taste with viewers. This helps to create a more personal connection, allowing potential collaborators to understand me better and facilitating more effective and enjoyable collaboration.
- 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
- Clouinary API - Cloudinary service for streaming music for the playlist I downloaded
| Inspiration | Result |
|---|---|
 |
 |
Here are some screenshots showcasing the work I have done:
This project is licensed under the MIT License - see the LICENSE.md file for more details.
The app is deployed on Netlify and available at: pulkitmathur.tech
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!
If you have any feedback, suggestions, or questions regarding this repository, please feel free to open an issue or contact me below on any of the platforms you prefer 😊
Happy learning and coding!
If you find this repository useful, don't forget to star it! ⭐️
