https://github.com/ankitpoddar07/3_d-portfolio

🚀 3D Portfolio
https://github.com/ankitpoddar07/3_d-portfolio

animation contact-form css full-responsive html javascript nodejs

Last synced: 3 months ago
JSON representation

🚀 3D Portfolio

• Host: GitHub
• URL: https://github.com/ankitpoddar07/3_d-portfolio
• Owner: ankitpoddar07
• Created: 2025-04-22T12:03:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-22T12:44:51.000Z (over 1 year ago)
• Last Synced: 2025-04-27T00:51:32.518Z (about 1 year ago)
• Topics: animation, contact-form, css, full-responsive, html, javascript, nodejs
• Language: SCSS
• Homepage: https://ankit-07.netlify.app/
• Size: 42.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
🌌 3D Space Portfolio

🚀 A Cosmic Interactive 3D Journey ✨

Created with ❤️ by Ankit Poddar




[![GitHub Stars](https://img.shields.io/github/stars/ankitpoddar07/3_D-Portfolio?style=for-the-badge&logo=starship&color=7d42dd&label=Stargazers)](https://github.com/ankitpoddar07/3_D-Portfolio/stargazers)

[![GitHub Forks](https://img.shields.io/github/forks/ankitpoddar07/3_D-Portfolio?style=for-the-badge&logo=git&color=7d42dd&label=Space+Explorers)](https://github.com/ankitpoddar07/3_D-Portfolio/network/members)

[![License](https://img.shields.io/github/license/ankitpoddar07/3_D-Portfolio?style=for-the-badge&logo=open-source-initiative&color=7d42dd)](https://github.com/ankitpoddar07/3_D-Portfolio/blob/main/LICENSE)



---

## ✨ Cosmic Features



| 🚀 Feature          | 📝 Description                                                                 |

|--------------------|------------------------------------------------------------------------------|

| 👨‍🚀 **3D Astronaut** | Fully animated astronaut model with realistic space movements |

| 🪐 **Planetary System** | Multiple 3D planets with accurate orbital mechanics |

| 🌠 **Stellar Effects** | Dynamic particle system for stars and cosmic dust |

| 🕹️ **Interactive Controls** | Intuitive orbit controls and UI interactions |

| 📱 **Responsive Design** | Adapts to all screen sizes from mobile to desktop |

| 🎨 **SCSS Powered** | Advanced styling with variables, mixins and animations |



---

## 🛠️ Tech Stack



| Category       | Technologies                                                                 |

|---------------|------------------------------------------------------------------------------|

| **3D Engine** | ![Three.js](https://img.shields.io/badge/Three.js-000000?logo=three.js&logoColor=white) ![WebGL](https://img.shields.io/badge/WebGL-990000?logo=webgl&logoColor=white) |

| **Core**      | ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=black) ![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5&logoColor=white) |

| **Styling**   | ![SCSS](https://img.shields.io/badge/SCSS-CC6699?logo=sass&logoColor=white) ![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3&logoColor=white) |

| **Tools**     | ![Vite](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=white) ![NPM](https://img.shields.io/badge/npm-CB3837?logo=npm&logoColor=white) |



---

## 🚀 Launch Instructions

```bash

# 🪐 Clone the repository

git clone https://github.com/ankitpoddar07/3_D-Portfolio.git

cd 3_D-Portfolio

# ⚙️ Install dependencies

npm install

# 🚀 Launch development server

npm run dev

# 🏗️ Build for production

npm run build

# 🌐 Serve production build

npm run preview