3D Apple 15Pro Website Clone

This is a clone of Apple's iPhone 15 Pro website using React.js and TailwindCSS. It highlights the effective use of GSAP (Greensock Animations) and Three.js for displaying iPhone 15 Pro models in various colors and shapes.

Explore the docs »

View Demo . Report Bug . Request Feature

Table Of Contents

• About the Project
• Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Roadmap
• Contributing
• License
• Authors
• Acknowledgements

About The Project

Apple iPhone 15 Pro Website Clone

This project is a clone of Apple's iPhone 15 Pro website, showcasing the phone's features and design using React.js and TailwindCSS. It highlights the effective use of GSAP (Greensock Animations) and Three.js for displaying iPhone 15 Pro models in various colors and shapes.

Built With

• React.js: - A JavaScript library for building user interfaces

• TailwindCSS: - A utility-first CSS framework for quickly building custom designs

• GSAP: - A JavaScript animation library for creating high-performance animations

• Three.js - A JavaScript 3D library for creating 3D graphics in a web browser

• React.js

• TailwindCSS

• GSAP

• Sentry.io

• Vite

Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

• Pre Node installed

• npm

npm install npm@latest -g

Installation

1. Get a free TOKEN Key at https://sentry.io/

2. Clone the repo

git clone https://github.com/DHANRAJCHOUDHARY244/Apple15pro-website-clone.git

3. Install NPM packages

npm install

4. Enter your API in .env.sentry-build-plugin

SENTRY_AUTH_TOKEN = 'ENTER YOUR TOKEN';

Usage

To start the development server, run the following command:

npm run dev

Roadmap

• Add more models and colors of iPhone 15 Pro

• Improve animations and transitions

• Enhance responsiveness for different screen sizes

Contributing

Contributions are welcome!

Creating A Pull Request

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Authors

• Dhanraj Choudhary - Computer Science Student - Dhanraj Choudhary - **

Acknowledgements

• Dhanraj choudhary