ORCUSio / designo

A multi-page software agency website built using React Library, Styled Components, React Router, React Helmet, and FormSpree API. πŸ±β€πŸš€πŸ±β€πŸ‘“

Home Page:https://designo-software-agency.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Designo Software Agency

This is a solution to the Designo multi-page website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic and beautiful projects.

Table of contents

Overview

The challenge

Users should be able to:

  • View the content of the website on all screen sizes
  • Consume content faster due to page routing
  • View all office locations on google maps
  • Contact the company via a functioning contact form
  • View all portfolio projects through the dynamically rendered portfolio pages
  • View a 404 page when a wrong link is accessed

Links

My process

Built with

  • React library
  • Styled Components
  • Advance use of Flexbox & CSS Grid for styling
  • React Router => Rendering of pages
  • React Helmet => Dynamic search engine optimization
  • Technical SEO library
  • FormSpree API => Sends contact form messages
  • Figma => Interprete & view designs
  • Vercel => CI/CD

What I learned

This is a project I worked on to practice react and react routing. It was fun to build because I had the opportunity to experience how to build reusable and scalable web components like a professional despite the challenging design. It was a good learning experience!

Author

Acknowledgments

  • Thank you to the community at Frontendmentor.io for the support and motivation!

About

A multi-page software agency website built using React Library, Styled Components, React Router, React Helmet, and FormSpree API. πŸ±β€πŸš€πŸ±β€πŸ‘“

https://designo-software-agency.vercel.app


Languages

Language:JavaScript 98.1%Language:HTML 1.9%