Apple Website Clone

A clone of Apple's homepage of their official website (location: India) by implementing the big block design.

Visit the clone here

Tech used

• ReactJS
• Tailwind CSS
• daisyUI

Features

This web site implements grid layout with Tailwind CSS and consists of components such as:

Responsive navbar

• The navbar is fully responsive and its background color gets changed when the hamburger menu (on the left in mobile screens) is pressed.

• Uses the concept of conditional redering in React.

Carousel (made with daisyUI)

• The carousel showcasing the different shows on Apple TV+ was implemented with daisyUI, a component library for Tailwind CSS.

See daisyUI carousel documentation for more.

Dynamic footer

• The footer displays
  • An accordion component when the viewport width is less than 768px.
  • A flex layout component when the viewport width is more than 768px.

Helpful Links

• Apple official website
• daisyUI installation
• Fontawesome icons with React

Built by SANGEETHA GEDELA | 2025