A modern, interactive 3D portfolio website that showcases projects in a visually immersive environment.
Check out the live site: Click Here
This repository contains the source code for a 3D portfolio website designed to provide an engaging experience through interactive 3D graphics. It leverages cutting-edge web technologies to display your work in a dynamic and innovative manner.
- Immersive 3D Experience: Navigate through a visually rich, interactive 3D environment.
- Responsive Design: Optimized for a wide range of devices and screen sizes.
- Smooth Animations: Utilizes advanced animations and transitions for a modern look.
- Performance Optimized: Built with efficiency in mind to ensure fast load times and smooth performance.
- HTML5 & CSS3: For structuring and styling the web pages.
- JavaScript: Core functionality and interactivity.
- Three.js: A powerful 3D library for rendering the interactive environment.
- Netlify: Hosting and deployment platform.
Follow these steps to set up the project locally:
- React + Vite (for faster development)
- Node.js (version 12 or higher)
- npm (comes with Node.js) or yarn
-
Clone the Repository:
git clone https://github.com/aadi-09/3D-portfolio.git
-
Navigate to the Project Directory:
cd 3D-portfolio
-
Install Dependencies:
npm install
yarn install
- Start the Development Server:
npm start
yarn start
- Open your browser and visit http://localhost:3000 (or the specified port) to view the project.
This project is deployed on Netlify. To deploy your own version:
Connect your repository to Netlify.
Set the build command (e.g., npm run build) and the publish directory (typically build/ or dist/).
Contributions are welcome! To contribute:
-
Fork the repository.
-
Create a new branch (git checkout -b feature/YourFeature).
-
Commit your changes (git commit -m 'Add some feature').
-
Push to the branch (git push origin feature/YourFeature).
-
Open a pull request.
Distributed under the MIT License. See the LICENSE file for more details.
For questions or suggestions, feel free to reach out:
Aaditya Dubey โ LinkedIn!
Special thanks to the developers and community behind Three.js and other open-source projects that made this work possible.