Skip to content

An interactive 3D portfolio showcasing projects and skills with a modern, immersive design. Built using React, Threejs and TailwindCSS. ๐Ÿš€

License

Notifications You must be signed in to change notification settings

aaditya-dubey09/3D-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

3D Portfolio

A modern, interactive 3D portfolio website that showcases projects in a visually immersive environment.

Live Demo

Check out the live site: Click Here

Overview

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.

Features

  • 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.

Technologies Used

  • 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.

Getting Started

Follow these steps to set up the project locally:

Prerequisites

  • React + Vite (for faster development)
  • Node.js (version 12 or higher)
  • npm (comes with Node.js) or yarn

Installation

  1. Clone the Repository:

    git clone https://github.com/aadi-09/3D-portfolio.git
    
  2. Navigate to the Project Directory:

    cd 3D-portfolio
    
  3. Install Dependencies:

    npm install

or

yarn install
  1. Start the Development Server:
npm start

or

yarn start
  1. Open your browser and visit http://localhost:3000 (or the specified port) to view the project.

Deployment

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/).

Contributing

Contributions are welcome! To contribute:

  1. Fork the repository.

  2. Create a new branch (git checkout -b feature/YourFeature).

  3. Commit your changes (git commit -m 'Add some feature').

  4. Push to the branch (git push origin feature/YourFeature).

  5. Open a pull request.

License

Distributed under the MIT License. See the LICENSE file for more details.

Contact

For questions or suggestions, feel free to reach out:

Aaditya Dubey โ€“ LinkedIn!

Acknowledgements

Special thanks to the developers and community behind Three.js and other open-source projects that made this work possible.

About

An interactive 3D portfolio showcasing projects and skills with a modern, immersive design. Built using React, Threejs and TailwindCSS. ๐Ÿš€

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published