LUSH cloning — Footer

Starting from Oct, we started our first cloning team project! My team will be working on LUSH Korea homepage.

LUSH footer

The site looks rusty but clean at the same time. Our will divide the tasks into components and merge on afterwards. I will be in charge of the footer.

There really wasn’t anything too difficult to implement, even finding the images and the icons was pretty quick.

First, I put together three components for footer.

  1. (top) footer icons
  2. (left) logo, cs info, sns icons
  3. (main) links, copyrights
HHYYY footer

The only thing I had to ponder over was the link menu. The repetitive process of creating names, links, contents could be easily implemented by applying map() method. Above, LINK_LIST id, link, and content were inherited down to FooterLinks through the parent.

Map() method creates an array by iterating over the parent array and calling function on each element. Therefore utilizing props, the menu is called by the map function and each content of the LINK-LIST were implemented and carried out in 3-step process.

--

--

--

Raised in the US, living in Korea. Serving two cutest snooty pomeranians

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

My Virtual Internship experience at LetsGrowMore.[July-2021]

W3f Open Grant, SubstrateNetApi

Building next generation of Concurrent Systems using Java’s CompletionService — Support for…

The MIT License: in Plain English

Parallels For Mac On The Hub

January 2020 Resources for Digital Sculptors

The Cheapest Way to Roll Out Digital Displays

How to install OpenCV.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Sue Yoon

Sue Yoon

Raised in the US, living in Korea. Serving two cutest snooty pomeranians

More from Medium

Increase in World Hunger and how we can help in decreasing it.

Overwolf Ads: Tips & Tricks

Abcya Games is a development studio that specializes in creating games for the real world.

The Digital Healthcare Crystal Ball, driving healthcare providers — SpinSci

The Digital Healthcare Crystal Ball