An open API service indexing awesome lists of open source software.

https://github.com/zorger27/vue-threejs-1

🌐 A web application with a dynamic and interactive 3D model, built using the advanced Three.js library. 🎲 The colorful rotating cube allows users to take full control of the model.
https://github.com/zorger27/vue-threejs-1

css3 favicon flexbox-css git github html5 i18n javascript markdown node-js open-graph-protocol orbit-controls robots-txt scss sitemap-xml threejs typescript vuejs vuex webpack

Last synced: 2 months ago
JSON representation

🌐 A web application with a dynamic and interactive 3D model, built using the advanced Three.js library. 🎲 The colorful rotating cube allows users to take full control of the model.

Awesome Lists containing this project

README

        

# Rotating 3D cube #
### You can view my CV here: [Curriculum VITAE](https://zorger27.github.io)❗️ ###
### You can view my Portfolio here: [My Portfolio](https://Zorin.Expert)❗️ ###
![Screen](https://github.com/Zorger27/Vue-Threejs-1/assets/30940416/09b4a1ca-156d-4973-8ad7-7c1d69b9440d)

#### 🌐 A web application with a dynamic and interactive 3D model, built using the advanced Three.js library. 🎲 The colorful rotating cube allows users to take full control of the model: scaling, adjusting the viewing angle, stopping and starting rotation, and spinning it in any direction for detailed exploration. ####
#### ✨ The fully responsive site supports three languages (Ukrainian, English, Spanish) and displays perfectly on all devices: from desktops to smartphones. ####

🛠️ Technologies:

🔹 Three.js — for creating and managing 3D graphics.

🔹 Vue.js, VueX — for a reactive architecture and state management.

🔹 Vue I18n — for internationalization and multilingual support.

🔸 HTML5, CSS3, FlexBox CSS — for a modern and responsive user interface.

🔸 TypeScript — for strong typing and enhanced code stability.

🔸 Open Graph Protocol, Favicon, Sitemap, Robots.txt — for improved SEO and social media integration.

#### 🚀 *Easy modification and scalability make this project an excellent example of incorporating 3D graphics into modern web applications. Perfect for learning and creating unique user experiences!* 💻📱 ####

### Project setup (install dependencies)
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```