Development

👩🏻‍💻 Apps / Sites / Tools / Frameworks / Libraries / Resources related to development.

Resources

General

Name	Description
MDN Web Docs	Web Development blogs & resources.
w3schools	Tutorials of everything from in tech. Learn to code from here!
Developer Roadmaps	Find role / skill based developer roadmaps that can guide you to develop skills as you learn.
A11y Project	Understand accessibility design to create better products.
patterns.dev	Architect better apps as a developer.

Learn to Code

• Freecodecamp
• TotalTypescript Free Tutorials
• Learn Test Driven Development
• FullStackOpen

API

• public-apis : Github repo with a list of public API's to use for your projects.

Chrome Extensions

Name	Description
WhatFont?	The easiest way to find a font on any web page.
Colorpick Eyedropper	Find any colour (hex or rgb values) on a webpage.
WCAG Contrast checker	Checks the color contrast between the foreground and background elements of a webpage.
React Developer Tools	Inspect React components and code.
JSON Formatter	Makes JSON easy to read.

VSCode Extensions

• ES7 React Snippets: simple extension for React that gives code blocks suggestions.
• Prettier: for code formatting, we can also auto-format code when we save a file from vscode settings.
• ESLint: integrates ESLint into VSCode.
• Live Server: launches a local development server with live reload, especially useful for auto-reloading .html pages

Misc

Name	Description
AlternativeTo	Find alternatives of popular industry products / web-apps.
AwesomeJS	Find packages based on the framework you are using.
Flexbox Froggy	Learn CSS Flexbox through a game.
TIL by jbranchaud	Github repo that features content based on different programming languages.
Lighthouse Metrics	Get insights about a website's accessiblity, performance metrics and more.