Designo Agency Website

About The Project

The Designo website is a seven-page site with a home, our company, location, and contact page. In addition, there are three more pages to showcase the app, web, and graphic design projects.

Built With

Tools Used

How I Organized the Project

One of the challenges I faced when working on this project was how do I organize my CSS. To help me solve this problem, I researched different CSS methodologies by reading articles and watching informative videos. I ultimately decided on an approach that mixes ABEM with ITCSS and my own personal preference.

JavaScript Form Validation

When submitting the contact form, an error message, "Can't be empty," will be displayed if any of the required form fields are left empty.

If the email address or phone number is not formatted correctly, an error message will appear below the input letting the user know.

Leaflet.js

I used Leaflet.js to help me display the map locations on the location page.

Credit

This project was a Frontend Mentor challenge where I was given the design and assets and entrusted with the task of developing the front end of the project.