🗂 The perfect Front-End Checklist for modern websites and meticulous developers

Front-End-Checklist

🎮 The only Front-End Performance Checklist that runs faster than the others

Front-End-Performance-Checklist

💎 The Design Checklist for Creative Web Designers and Patient Front-End Developers

Front-End-Design-Checklist

💯 The most essential list of resources for Front-End beginners (🇺🇸 & 🇫🇷)

Resources-Front-End-Beginner


## Overview

The Frontend Checklist is an exhaustive list of all elements needed to have a thorough checked before launching any website on production. Hosted at frontendchecklist.io, the checklist includes everything from the essentials and accessibility, to SEO, performance and more.

## Key Details

- **Initial Date**: The start date of the project
- **Status**: Completed
- **Technologies**: Markdown, HTML, CSS, JavaScript.

## Problem Statement

My initial problem was tied to my personnal situation: as I was leaving Mauritius and my entire team of front-end developers, I wanted to make sure that they could continue to deliver high quality work without me. Turned out that the content I created for them was also useful for so many other developers and companies around the world.

## Goals

The main goal of the Front-End Checklist is to provide a comprehensive, accessible resource for frontend developers, covering all aspects of frontend development. All the elements that needs to be checked before launching a website or a web application.

## Approach

I did a lot of research in 2017 to find other checklists. But the few I found at the time were outdated or incomplete. So I decided to create my own checklist, based on my experience and I had the chance to learn trough the years and the projects I worked on.

## Progress

The Front-End Checklist project is currently completed and in the maintenance phase. I have been promissing for a long time a version 2.0, but I am still working on it.

## Challenges and Learnings

To this day, the Front-End Checklist has not less than 65,000 stars on Github and translated in 14 languages!

I learned a lot about the open-source community and how to manage a project with so many contributors.

## Conclusion / Reflection

The Front-End Checklist turned to be a valuable resource for many frontend developers around the world.

## Featured on

- Article: [The Front-End Checklist is just a tool... everything depends on you.](https://css-tricks.com/front-end-checklist-just-tool-everything-depends/) published on CSS-Tricks (November 30, 2017)
- Talk: [Barcelona Front-End Development Meetup](https://www.meetup.com/barcelona-front-end-development-meetup/events/248466245) (March 14, 2018)
- Newsletter: Web Design Weekly — Issue #340 (November 29, 2018)

## Links

- Live Project: [frontendchecklist.io](https://frontendchecklist.io)
- Code Repository: [Frontend Checklist on GitHub](https://github.com/thedaviddias/Front-End-Checklist)
- The [Front-End Checklist on Product Hunt](https://www.producthunt.com/products/front-end-checklist)


The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

My Projects

Trending Github Projects

Front-End-Checklist

Front-End-Performance-Checklist

Front-End-Design-Checklist

Resources-Front-End-Beginner

Other Projects

Front-End Checklist V1 (open-source)