Interactive 3D Portfolio
Table of Contents
- Project Overview
- Features
- Technologies Used
- Installation
- Screenshots
- Contributing
- License
- Contact
- Deployed Site
Project Overview
Welcome to my interactive 3D portfolio! This portfolio is a unique blend of creativity and professionalism, showcasing my skills, work experience, and projects in an engaging and interactive manner.
The centerpiece of this portfolio is a 3D model of a floating 'Fox Island'. This island serves as a metaphorical representation of my journey in the tech world, with each element symbolizing a different aspect of my professional life.
A 3D bird flies by the island, symbolizing the freedom and creativity that technology and coding bring.
Adding to the interactivity is a 3D plane that rotates around the island as the user rotates the island, creating a dynamic and immersive user experience.
Features
- 3D Fox Island: A floating island that represents my journey in the tech world.
- 3D Bird: A bird that flies by the island, symbolizing freedom and creativity.
- 3D Rotating Plane: A plane that rotates around the island as the user interacts with the portfolio, adding an extra layer of dynamism.
- Projects: Detailed descriptions and demonstrations of the projects I've worked on.
- Skills: A comprehensive list of my technical and soft skills.
- Work Experience: An overview of my professional journey, including roles, responsibilities, and key achievements.
Technologies Used
React.js
React.js is a popular JavaScript library for building user interfaces. It allows for the creation of reusable UI components and offers a seamless development experience with its component-based architecture.
Three.js
Three.js is a powerful JavaScript library used to create and display animated 3D computer graphics in the browser. It leverages WebGL to render high-performance 3D scenes and objects, providing an immersive user experience.
Vite
Vite is a next-generation front-end tool that provides a faster and leaner development build. It offers an extremely fast development server and optimized build process, ensuring a streamlined workflow for modern web projects.
Emailjs
Emailjs is a robust library that enables sending emails directly from JavaScript without needing a server code. It integrates easily with client-side applications, making it simple to send notifications, feedback, and other email communications.
Tailwind CSS
Tailwind CSS is a utility-first CSS framework that offers highly customizable, low-level utility classes for designing web pages. It allows developers to build responsive and modern user interfaces quickly and efficiently.
Installation
To run the website locally, follow these steps:
- Clone the repo
git clone https://github.com/shivamkcode/3d-Portfolio
cd 3d-Potfolio
- Install NPM packages
npm install
- Run the project
npm run dev
Screenshots
Homepage
Contact
Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Shivam Kumar - [email protected]
Project Link: https://github.com/shivamkcode/3d-Portfolio
Deployed Site
The 3d-Portfolio is live! You can explore about and projects created by visiting the deployed site at:
