JJJ4032002 / totalitycorp-frontend-challenge

An assignment by Totality corp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Totality Corp Frontend Challenge

Website Attepted - Apple.com

Live

Click here

Demo

Demo

Tech Stack

HTML, CSS and React

Approach

  • My fundamental approach to code out this challenge was to divide the website into components. I divided it into five components - Navbar, Banners - (Ipad, Ipad Pro, Apple Tv), Gallery, Carousel and Footer.
  • I followed the above approach while coding the individual components too.
  • I applied a mobile-first approach while writing the CSS.

Challenges

  • I found the carousel given on the main website difficult to imitate so I coded my own version.
  • Making Images look good on various screen sizes so it looks similar to the main website.

About

An assignment by Totality corp


Languages

Language:JavaScript 67.6%Language:CSS 28.9%Language:HTML 3.6%