Skip to content

A dynamic 3D portfolio website featuring engaging 3D animations, audio effects, and a responsive design, optimized for both desktop and mobile views. Includes PWA functionality for offline usage, providing an immersive user experience.

Notifications You must be signed in to change notification settings

Shristirajpoot/3d-portfolio

Repository files navigation

🌐 3D Portfolio Website – Showcasing Skills in Motion

A cutting-edge 3D portfolio website. This project features 3D animations, audio integration, and dynamic content, providing an immersive user experience.

GitHub Repo stars GitHub last commit Built with


🛠️ Features

  • 3D Animations: Engaging 3D visuals to captivate users.
  • Responsive Design: Optimized for all devices, from desktops to mobiles.
  • Audio Integration: Enhances user interaction with sound effects.
  • Custom Icons and Images: Personalized branding with custom assets.
  • Manifest Integration: Supports PWA (Progressive Web App) functionalities.

🚀 Getting Started

Prerequisites

To run this project locally, ensure you have the following installed:

  • Node.js (for dependency management)
  • A modern browser (Chrome, Edge, or Firefox recommended)

Installation

  1. Clone the repository:
    git clone https://github.com/Shristirajpoot/3d-portfolio.git
  2. Navigate to the project directory:
    cd 3d-portfolio
  3. Install dependencies:
    npm install

Run Locally

  1. Open the index.html file in your browser.
  2. For a local server, use a tool like Live Server (VS Code extension) or run:
    npx http-server
  3. Access the project at http://localhost:8080.

📁 Project Structure

3d-portfolio/
├── audios/               # Audio files for sound effects
├── icons/                # Custom icons for branding
├── images/               # Images and visual assets
├── js/                   # JavaScript files
├── css/                  # Stylesheets
├── index.html            # Main HTML file
├── manifest.webmanifest  # Manifest file for PWA support
├── package.json          # Project metadata and dependencies
├── package-lock.json     # Detailed dependency tree
└── .gitignore            # Ignored files in version control

🖼️ Screenshots

Add screenshots or GIFs to showcase the project: Demo Image Demo Image

🎥 Demo Video

📺 Watch the walkthrough here:
3D Portfolio - Demo Video

🔗 Click the image or watch on YouTube



🤝 Contributing

Contributions are welcome! Follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-branch-name
  3. Commit your changes:
    git commit -m "Add your message here"
  4. Push to your fork:
    git push origin feature-branch-name
  5. Create a Pull Request.

🛡️ License

This project is licensed under the MIT License - see the LICENSE file for details.


👩‍💻 Author


📜 Acknowledgments

About

A dynamic 3D portfolio website featuring engaging 3D animations, audio effects, and a responsive design, optimized for both desktop and mobile views. Includes PWA functionality for offline usage, providing an immersive user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •