https://github.com/tariqkichawele/iphone
A replica of the iphone15 website
https://github.com/tariqkichawele/iphone
Last synced: about 2 months ago
JSON representation
A replica of the iphone15 website
- Host: GitHub
- URL: https://github.com/tariqkichawele/iphone
- Owner: TariqKichawele
- Created: 2024-05-29T12:37:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-29T16:48:01.000Z (about 1 year ago)
- Last Synced: 2025-02-16T02:44:14.390Z (4 months ago)
- Language: JavaScript
- Homepage: https://iphonetk.netlify.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
# iPhone 15 Pro Showcase Web App
Welcome to the iPhone 15 Pro Showcase Web App! This project leverages advanced web technologies to provide a stunning and interactive experience for exploring the iPhone 15 Pro models in various colors and shapes.
## Tech Stack
- **React.js**: A JavaScript library for building user interfaces.
- **Three.js**: A library that makes 3D rendering in the browser a breeze.
- **React Three Fiber**: A React renderer for Three.js.
- **React Three Drei**: A collection of useful helpers for React Three Fiber.
- **GSAP (GreenSock Animation Platform)**: A powerful JavaScript library for creating animations.
- **Vite**: A fast build tool and development server.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
## Features
### Beautiful Subtle Smooth Animations using GSAP
Enhance the user experience with seamless and captivating animations powered by GSAP. Every interaction is designed to be smooth and visually appealing.
### 3D Model Rendering with Different Colors and Sizes
Explore the iPhone 15 Pro from every angle with dynamic 3D rendering. Our app allows you to view models in various colors and sizes, providing a comprehensive look at the product.
### Custom Video Carousel (made with GSAP)
Engage users with a unique and interactive video carousel developed using GSAP. This feature offers a personalized browsing experience with smooth transitions and captivating visuals.
### Completely Responsive
Enjoy consistent access and optimal viewing on any device with our fully responsive design. The app adapts to different screen sizes, ensuring a great experience on desktops, tablets, and smartphones.
### Code Architecture and Reusability
Our codebase is structured for maintainability and reusability, following best practices to ensure that components are easy to understand and extend.
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh