> For the complete documentation index, see [llms.txt](https://flexbox.gitbook.io/foundation-101/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flexbox.gitbook.io/foundation-101/checklist.md).

# Checklist

## Dev

* [ ] GitHub Hosting
* [ ] Custom Domain name with a CNAME
* [ ] Multiple pages website (index.html, contact.html, about.html)
* [ ] Use a **form endpoint API**
* [ ] Check error on form **before submit**
* [ ] Use one JavaScript component (modal, dropdown, accordion…)

## Design

* [ ] Nice palette color with contrast
* [ ] Typography lover with a good font pairing
* [ ] Responsive website
* [ ] Clean layout using [goodui.org](http://goodui.org) guidelines
* [ ] Custom favicon picture, follow the guidelines of [realfavicongenerator](http://realfavicongenerator.net/)

## Webperf

* [ ] Compiled JavaScript
* [ ] Compiled CSS

To check the compiled sources, go to the *Sources* tab on Chrome

![](https://1846088502-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3ujWNlBKbEnPw4O7oW%2F-M3ujZKZwxQoJaQFNCA_%2F-M3ujbQEs-zQIgPVVnW4%2Fwebperf-css.gif?generation=1585828510069387\&alt=media)

## Seo

* [ ] Robots.txt file
* [ ] Sitemap.xml (you can use an online sitemap generator)
* [ ] Title / Description / H1 / url different for every pages, use [SEO Frog](https://www.screamingfrog.co.uk/seo-spider/) to crawl the website
* [ ] Add open graph data and image, [check with this extention](https://chrome.google.com/webstore/detail/open-graph-preview/ehaigphokkgebnmdiicabhjhddkaekgh)