https://github.com/velinovjovan/apple-website
A visually captivating website showcasing the Apple iPhone 15 Pro 📱, built with React and Vite, featuring GSAP animations, Three.js 3D visuals, and hosted on Vercel.
https://github.com/velinovjovan/apple-website
apple gsap responsive-design threejs vitejs vitejs-react website website-design
Last synced: 5 months ago
JSON representation
A visually captivating website showcasing the Apple iPhone 15 Pro 📱, built with React and Vite, featuring GSAP animations, Three.js 3D visuals, and hosted on Vercel.
- Host: GitHub
- URL: https://github.com/velinovjovan/apple-website
- Owner: velinovjovan
- Created: 2025-10-07T13:46:27.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-10-07T13:54:47.000Z (5 months ago)
- Last Synced: 2025-10-07T15:36:34.819Z (5 months ago)
- Topics: apple, gsap, responsive-design, threejs, vitejs, vitejs-react, website, website-design
- Language: JavaScript
- Homepage: https://applevelinov.vercel.app
- Size: 37.2 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# iPhone 15 Showcase Website 📱
Welcome to the **Apple iPhone 15 Pro Showcase** repository! This project is a modern, visually engaging website built with React and Vite to highlight the features and design of the Apple iPhone 15 Pro.
---
## 🌐 **Live Demo**
Explore the website [here](https://applevelinov.vercel.app)
---
## 🖌️ Project Highlights
- **React & Vite**: Utilizes the powerful and fast Vite build tool alongside React for an optimized development experience.
- **GSAP Animations**: Smooth and interactive animations to enhance user engagement.
- **Three.js**: Stunning 3D visuals to showcase the iPhone 15 Pro in a unique way.
- **Hosted on Vercel**: Deployed and hosted on Vercel for a fast and reliable user experience.
---
## 🚀 Getting Started
Follow these steps to run the project locally:
1. **Clone the repository:**
```bash
git clone https://github.com/velinovjovan/Apple-Website.git
cd Apple-Website
```
2. **Install dependencies:**
```bash
npm install
```
3. **Start the development server:**
```bash
npm run dev
```
4. **Access the website:**
Open your browser and navigate to `http://localhost:5173`.
---
## 🛠️ Technologies Used
- **React**: For building the user interface.
- **Vite**: For fast and efficient development.
- **GSAP**: For animations.
- **Three.js**: For 3D rendering.
- **Vercel**: For deployment.
---
**🎨 Feel free to customize the repository and project to make it your own! 🎨**