Front End Development Project

This is a take-home project created for the Front End Developer role. It includes JavaScript, HTML, and SCSS for creating a layout based on a Figma design.

Avondi

Front End Developer Assessment Project - Array.

Table of Contents

• General Info
• Technologies Used
• Screenshots
• Usage
• Project Status
• Room for Improvement
• Acknowledgements
• Contact

General Information

This webpage is developed to showcase my deep knowledge & skills of developing responsive and interactive webpages using plain HTML, SCSS, and JavaScript.

Technologies Used

• HTML - version html5
• SCSS
• CSS
• SASS
• JavaScript
• git version 2.38.1.windows.1
• github
• Vercel

Screenshots

Usage

The app should have the following features:

• Simple & Neat Design - Translated from a Figma file with exact precision, I have tried to replicate the exact design pixel by pixel, demonstrating my keen attention to detail. I also made slight adjustments to enhance the styling, showcasing both my creativity and passion for design!
• Screen Friendly - The layout should responsively collapse to mobile and other views.
• Responsive Content - All the buttons and images(and spaces containing them) are responsive to hover and offer different animations.

Project Status

Project is: Complete (Single Webpage Demo)

Room for Improvement

• The body sections could be slightly better aligned vertically on screens wider than 1700px.

• The news section cards could be modified to allow visible horizontal overflow, but doing so would currently interfere with the scroll and button JavaScript functions, requiring significantly more time to implement.

Acknowledgements

• Many thanks to Array for including me in their Front End Developer assessment project.

Contact

Created by Behbod Babai - feel free to contact me via email! my email: behibabai@gmail.com