This project is a landing page for a fictional design agency.
It was inspired by a mockup found on Frontend Mentor .
The colors, fonts, images and general layout used were provided in said mockup and a few changes were made.
A deployment with Github Pages is available here.
Smartphone - portrait
Smartphone - landscape
Tablet - portrait
Tablet - landscape
Laptop
This app was created with Create React App.
A default README file was created with a few basic commands.
It can be found here.
This app uses Typescript.
The config file can be found here.
This app uses TailwindCSS.
The config file can be found here.
Find out more about TailwindCSS here.
A .env is created to contain the variable name for the build.
No sensitive information is to be stored in that file.
It is mainly used to create the absolute url for the meta tags (SEO).
meta tags with Open Graph and Twitter cards information are used.
Find out more about Open Graph here.
Find out more about Twitter cards here.
Canva was used to create a favicon and a card image from the logo provided in the project starter pack.
Find out more about Canva here.
Icons (SVGs) are directly embeddeb in the HTML.
The code was written by Laëtitia Bodin and was inspired by a free-to-use challenge from Frontend Mentor.
More info regarding said challenge can be found here.
Should you experience some bug or want to offer some feedback regarding this project, feel free to open an issue for this repo and label it accordingly.
Should you experience warnings regarding missing dependencies or updates needed, you might need to run npm install or npm update.