Project 4: Around The U.S.

Technologies Used

• HTML
• CSS
• JavaScript
• Figma
• JavaScript Form Validation API

Intro

This is a responsive web-design depicting a travel-themed photo gallery. The lay-out has been rendered according to the Figma wireframe provided in accordance with BEM methodology.

Figma

• Figma link to Project Phase 1
• Figma link to Project Phase 2
• Figma link to Project Phase 3

Proficiencies demonstrated

• Pixel perfect layout rendering based on wireframe design
• BEM file structure, naming conventions and code standards
• Command of semantic HTML
• Command of CSS media queries & responsive design principles
• Command of JavaScript DOM principles
• Re-factored code to Class based components

Results

The final product can be viewed here