https://github.com/galib-23/apple-clone-three.js
This is clone of the Apple's iphone website
https://github.com/galib-23/apple-clone-three.js
Last synced: 3 months ago
JSON representation
This is clone of the Apple's iphone website
- Host: GitHub
- URL: https://github.com/galib-23/apple-clone-three.js
- Owner: Galib-23
- Created: 2024-08-19T15:10:40.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-20T14:40:42.000Z (10 months ago)
- Last Synced: 2025-01-11T05:25:30.051Z (5 months ago)
- Language: JavaScript
- Size: 37.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# iPhone Clone Website
This project is an Apple iPhone clone built using React.js. It features custom animations and 3D models to provide a realistic and interactive experience. The website is designed to mimic the look and feel of Apple's official iPhone product pages.
## Live Demo
Check out the live site [here](https://iphone-clone-v3.netlify.app/)!
## Features
- **3D Models:** Realistic 3D models of the iPhone using Three.js.
- **Custom Animations:** Smooth and engaging animations implemented with the GSAP library.
- **Responsive Design:** Optimized for both desktop and mobile viewing.
- **Tailwind CSS Styling:** Efficient and modern styling with Tailwind CSS.
- **Interactive UI:** User-friendly interface with interactive elements that enhance the user experience.
## Technologies Used
- **React.js:** A JavaScript library for building user interfaces.
- **GSAP (GreenSock Animation Platform):** A powerful library for creating advanced animations.
- **Three.js:** A 3D library that displays the iPhone models interactively.
- **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.
- **HTML5:** The standard markup language for creating web pages.
- **Node.js & NPM:** For package management and running scripts.
## Installation
To run this project locally, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/Galib-23/apple-website-clone.git
cd apple-website-clone
```
2. **Install Dependencies:**
```bash
npm install
```
3. **Run local server:**
```bash
npm run dev
```