Apple iPhone 15 Pro Clone

Welcome to the Apple iPhone 15 Pro clone project! This project is a recreation of the iPhone 15 Pro interface using GSAP, React.js, Three.js, and Tailwind CSS.

Table of Contents

• Overview
• Features
• Installation
• Technologies Used
• Contact

Overview

This project aims to replicate the user interface of the iPhone 15 Pro using modern web technologies. The primary focus is on providing an interactive and visually appealing experience, leveraging the power of GSAP for animations and React.js for building the user interface.

Features

• Interactive Animations: Smooth and engaging animations powered by GSAP.
• Responsive Design: Optimized for various screen sizes and devices.
• Component-Based Architecture: Built with React.js for modularity and reusability.
• 3D Graphics: Three.js for adding 3D elements and effects.
• Tailwind CSS: Utility-first CSS framework for styling.

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/gopalchandak-dev/Apple-iPhone15Pro.git
   cd Apple-iPhone15Pro

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

Technologies Used

• React.js: A JavaScript library for building user interfaces.
• GSAP: A powerful animation library for creating high-performance animations.
• Three.js: A JavaScript library for creating 3D graphics.
• Tailwind CSS: A utility-first CSS framework for styling.
• CSS: Styling the components to match the iPhone 15 Pro interface.
• HTML: Structuring the application's markup.

Contact

If you have any questions or suggestions, feel free to reach out:

• GitHub: gopalchandak-dev
• X: GopalChandakk
• Email: [email protected]

Happy coding!