https://github.com/anuja-rahul/iphone-3d-website

Learning threeJS from a tutorial by making a demo apple site.
https://github.com/anuja-rahul/iphone-3d-website

3d learning-by-doing project-based-learning threejs webgi

Last synced: 25 days ago
JSON representation

Learning threeJS from a tutorial by making a demo apple site.

• Host: GitHub
• URL: https://github.com/anuja-rahul/iphone-3d-website
• Owner: anuja-rahul
• License: apache-2.0
• Created: 2024-04-20T10:03:04.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-21T17:17:06.000Z (about 2 years ago)
• Last Synced: 2025-02-21T14:17:54.982Z (over 1 year ago)
• Topics: 3d, learning-by-doing, project-based-learning, threejs, webgi
• Language: JavaScript
• Homepage: https://iphone-3d-demo-website.vercel.app
• Size: 1.31 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
## 

![React](https://img.shields.io/badge/-react-000?style=for-the-badge&logo=react)

![GSAP](https://img.shields.io/badge/-gsap-000?style=for-the-badge&logo=greensock)

![Three.js](https://img.shields.io/badge/-Three.js-000?style=for-the-badge&logo=three.js)

![Vercel](https://img.shields.io/badge/-Vercel-000?style=for-the-badge&logo=vercel&logoColor=000080)

# iPhone 3D website 🌐

![GitHub](https://img.shields.io/github/forks/anuja-rahul/iphone-3d-website?style=for-the-badge&logo=github)

  

![GitHub](https://img.shields.io/github/license/anuja-rahul/iphone-3d-website?style=for-the-badge&logo=github)

  

![GitHub](https://img.shields.io/github/stars/anuja-rahul/iphone-3d-website?style=for-the-badge&logo=github)

  

#### Demo iPhone 14 Pro home page made based on a tutorial to learn threeJS.

### Visit Us: [https://iphone-3d-demo-website.vercel.app](https://iphone-3d-demo-website.vercel.app)

---

- [x] Vite setup

- [x] Navbar

- [x] Jumbotron Section

- [x] Sound Section

- [x] Display Section

- [x] Scroll animations

- [x] Try me Section

- [x] Mobile Sections

- [x] Preloader

- [x] Deployment

---

![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=anuja-rahul&repo=iphone-3d-website&theme=nightowl)