Apple Website CLone

JAVASCRIPT | REACT | HTML5 | CSS3

Apple is a brand that everyone is familiar with, and when I recently checked out their website, I immediately noticed their minimal yet organized style and layout. I decided to create a project aimed at completely replicating Apple's website. I decided to begin by cloning the landing page.

I utilized create-react-app to give the project a base for future functionality such as routing to other pages. React also rendered all of my HTML elements such as the containers pictured below. I decided to go with just CSS for this project to keep things simple, and I did some research to find out what fonts Apple was using and then imported them. I used Flexbox on many of the layouts for a clean, dynamic, and uniformed look. Flexbox was a big help for the multiple containers, as well as the columns of footer links.

​

The next steps for this project include adding routing via the Navigation bar at the top, additional pages, and mobile view.