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 uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Apple Clone Website

This is a clone of the official Apple website, built with modern frontend technologies like React, GSAP animations, and Three.js for 3D models. This project showcases the latest iPhone with interactive 3D elements.

Features

• Responsive UI: Built with TailwindCSS, ensuring that the website is optimized for all devices.
• Animations: Smooth animations implemented with GSAP.
• 3D Models: Interactive iPhone models using Three.js and @react-three/fiber.
• Sentry Integration: Error tracking and performance monitoring using Sentry.
• Modular Code: Easy-to-maintain codebase with component-based architecture.

Tech Stack

• Frontend: React.js, TailwindCSS
• 3D: Three.js, @react-three/fiber, @react-three/drei
• Animations: GSAP, @gsap/react
• Error Monitoring: Sentry
• Build Tools: Vite

Requirements

Before you begin, ensure you have met the following requirements:

• You have installed Node.js v16+ and npm/yarn.
• You have a code editor such as Visual Studio Code.

Installation

1. Clone the repository:

   git clone https://github.com/Imshivam1/apple_website.git

2. Navigate to the project directory:

   cd apple_website

3. Install the dependencies:

   npm install
   # or
   yarn install

4. Run the development server:

   npm run dev
   # or
   yarn dev

5. Build for production:

   npm run build
   # or
   yarn build

6. Preview the production build:

   npm run preview
   # or
   yarn preview

Available Scripts

• npm run dev: Runs the app in development mode.
• npm run build: Builds the app for production.
• npm run preview: Previews the production build.
• npm run lint: Lints the codebase using ESLint.

Contributing

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-branch

3. Make your changes and commit them:

   git commit -m "Add feature"

4. Push to the branch:

   git push origin feature-branch

5. Open a pull request.

License

This project is licensed under the MIT License.

Contact

For any queries or collaboration, reach out to me:

• LinkedIn: Shivam Kumar Manjhi
• Twitter: @imshivam0123
• Mail: Mail Me