AppleStoreWithViteReact19:

Mock Apple Store UI

A responsive UI for a mock Apple Store, built with Vite 7 and React 19.

Features

• Animated Page Transitions: Smooth transitions between pages using React hooks and TailwindCSS.
• Responsive Design: Works seamlessly on desktop and mobile devices.
• Interactive Navigation: Easily switch between Home, iPhone, MacBook, Watch, and iMac pages.
• Dynamic Data Rendering: Product data is managed in a single file for easy updates.

Tech Stack

• React 19
• Vite 7
• Tailwind CSS 4

Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/AppleStoreWithViteReact19.git
   cd AppleStoreWithViteReact19

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

Credits

• Transition image: Mateus Andre on Freepik
• Watch image: Photo by Pratik Prasad on Unsplash

Demo

Visit Live Site: (Opens in same tab)

Screenshots

Responsive View Screenshots: