📱 iPhone Interface Clone

A sleek and functional front-end clone of the iPhone interface. This project replicates the home screen experience, including app layout, dynamic widgets, dial pad, music UI, and mobile browser—all within a modern web environment.

---

🌟 Features

• 📱 Realistic iOS-style UI with interactive widgets
• 🌗 Toggle between dark and light mode
• 📆 Calendar, Weather, and App Launch screen components
• 🎵 Integrated Music Player UI
• 🌐 Safari-like browser mockup
• 🎯 Mobile-first design using Tailwind CSS and React

---

📸 Screenshots

Home Screen – Dark Mode

---

Home Screen – Light Mode

---

Dial Pad View

---

Music Interface

---

Safari-like Browser

---

🛠️ Tech Stack

• React.js
• Tailwind CSS
• Framer Motion (if used for transitions)
• Next.js (optional depending on your setup)

---

🚀 Getting Started

1. Clone the repo

   git clone https://github.com/victortterry/iphone-interface.git
   cd iphone-interface

Install dependencies

npm install

Run the development server

npm run dev

Open in browser:

http://localhost:3000

📂 Project Structure

iphone-interface/
├── public/
│   ├── *.png (UI screenshots and assets)
├── src/
│   ├── components/
│   ├── pages/
│   └── styles/
├── tailwind.config.js
└── README.md

🎯 Use Cases

Mobile UI experimentation

Frontend clone challenges

Prototyping design systems

Portfolio projects

📄 License

MIT License