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.
Github Repo: https://github.com/Sethlimlee/Clapple
I did some research before starting so I could find out what font apple uses. I also added a favicon to the tab at the top left.
Apple really emphasizes a clean and minimal look. I never feel lost when I visit their website.
Flexbox helped greatly for organizing these rows and columns of footer links.
I did some research before starting so I could find out what font apple uses. I also added a favicon to the tab at the top left.