https://github.com/jowwan/apple-website-clone

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/jowwan/apple-website-clone

apple gsap gsap3 iphone javascript js jsx react reactjs tailwindcss three-js threejs vercel vite vitejs vitejs-react

Last synced: about 1 month 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/jowwan/apple-website-clone
• Owner: Jowwan
• Created: 2024-12-13T17:03:20.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-13T17:34:59.000Z (about 1 month ago)
• Last Synced: 2024-12-13T18:25:35.803Z (about 1 month ago)
• Topics: apple, gsap, gsap3, iphone, javascript, js, jsx, react, reactjs, tailwindcss, three-js, threejs, vercel, vite, vitejs, vitejs-react
• Language: JavaScript
• Homepage: https://apple-website-ruby.vercel.app
• Size: 37.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Apple iPhone 15 Pro 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.

## Features

- **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.

## Preview

Check out the live site here: [Live Demo](https://apple-website-ruby.vercel.app/)

## Installation

Follow these steps to run the project locally:

1. **Clone the repository:**

   ```bash

   git clone https://github.com/Jowwan/Apple-Website-Clone.git

   cd Apple-Website-Clone

   ```

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! 🎨