front-end-resources icon indicating copy to clipboard operation
front-end-resources copied to clipboard

a repo for awesome front-end resources

👋 Introduction

A collection of (awe)some resources, mostly focused on front-end web development. You can find a list of all the resources in here.

Table of Contents

  • 👋 Introduction
    • Table of Contents
    • Resources
      • Introduction
      • API
      • CSS
      • Data Structures and Algorithms
      • Design
      • Frontend Resources
      • Git / Github
      • HTML
      • JavaScript
      • React
      • TypeScript
    • Website
      • Installation
      • Local Development
      • Build
    • Contributing
    • License
    • Contributors

Resources

Introduction

API

  • Public API's

CSS

  • Architectures / Methodologies
  • Articles
  • CSS in JS
  • Design Systems
  • Generators
  • Videos
  • Websites

Data Structures and Algorithms

  • Books
  • Challenges
  • Websites

Design

  • Articles
  • Books
  • Colors
  • Design Systems
  • Fonts
  • Icons
  • Optimization Tools
  • Stock Photos
  • Tools
  • Typography
  • Websites

Frontend Resources

  • Articles
  • Blogs
  • Books
  • Challenges
  • Discord Communities
  • Documentations
  • Games
  • Interactive Practices
  • Mixed Content
  • Newsletters
  • Online Cirriculums
  • Podcasts
  • Roadmaps
  • Subreddits
  • Surveys
  • Tools
  • Websites
  • Youtube Channels

Git / Github

  • Courses
  • Tools
  • Videos
  • Websites

HTML

  • Accessibility
  • Articles
  • Checklists
  • Tools

JavaScript

  • Articles
  • Books
  • Courses / Practices
  • Talks
  • Tools
  • Websites

React

  • Articles
  • Frameworks
  • Hooks
  • State Management
  • Tools
  • Videos

TypeScript

  • Articles
  • Challenges
  • Courses
  • Tools

Website

This website is built using Docusaurus 2, a modern static website generator.

Installation

$ yarn

Local Development

$ yarn start

This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.

Build

$ yarn build

This command generates static content into the build directory and can be served using any static contents hosting service.

Contributing

If you have any front-end resources that you would like to share, please feel free to open a pull request with your additions. Please make sure to follow the formatting of the existing resources and to add your resource to the appropriate section.

License

This repository is licensed under the MIT License. See LICENSE for more information.

Contributors