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](https://fe-resources.vercel.app).

## Table of Contents

- [👋 Introduction](#-introduction)
  - [Table of Contents](#table-of-contents)
  - [Resources](#resources)
    - [Introduction](#introduction)
    - [API](#api)
    - [CSS](#css)
    - [Data Structures and Algorithms](#data-structures-and-algorithms)
    - [Design](#design)
    - [Frontend Resources](#frontend-resources)
    - [Git / Github](#git--github)
    - [HTML](#html)
    - [JavaScript](#javascript)
    - [React](#react)
    - [TypeScript](#typescript)
  - [Website](#website)
    - [Installation](#installation)
    - [Local Development](#local-development)
    - [Build](#build)
  - [Contributing](#contributing)
  - [License](#license)
  - [Contributors](#contributors)

## Resources

### [Introduction](./docs/intro.md)

### API

- [Public API's](./docs/api/api.md)

### CSS

- [Architectures / Methodologies](./docs/css/architectures-methodologies.md)
- [Articles](./docs/css/articles.md)
- [CSS in JS](./docs/css/css-in-js.md)
- [Design Systems](./docs/css/design-systems.md)
- [Generators](./docs/css/generators.md)
- [Videos](./docs/css/videos.md)
- [Websites](./docs/css/websites.md)

### Data Structures and Algorithms

- [Books](./docs/data-structures-and-algorithms/books.md)
- [Challenges](./docs/data-structures-and-algorithms/challenges.md)
- [Websites](./docs/data-structures-and-algorithms/websites.md)

### Design

- [Articles](./docs/design/articles.md)
- [Books](./docs/design/books.md)
- [Colors](./docs/design/colors.md)
- [Design Systems](./docs/design/design-systems.md)
- [Fonts](./docs/design/fonts.md)
- [Icons](./docs/design/icons.md)
- [Optimization Tools](./docs/design/optimization-tools.md)
- [Stock Photos](./docs/design/stock-photos.md)
- [Tools](./docs/design/tools.md)
- [Typography](./docs/design/typography.md)
- [Websites](./docs/design/websites.md)

### Frontend Resources

- [Articles](./docs/frontend-resources/articles.md)
- [Blogs](./docs/frontend-resources/blogs.md)
- [Books](./docs/frontend-resources/books.md)
- [Challenges](./docs/frontend-resources/challenges.md)
- [Discord Communities](./docs/frontend-resources/discord.md)
- [Documentations](./docs/frontend-resources/documentations.md)
- [Games](./docs/frontend-resources/games.md)
- [Interactive Practices](./docs/frontend-resources/interactive-practices.md)
- [Mixed Content](./docs/frontend-resources/mixed.md)
- [Newsletters](./docs/frontend-resources/newsletters.md)
- [Online Cirriculums](./docs/frontend-resources/online-cirriculums.md)
- [Podcasts](./docs/frontend-resources/podcasts.md)
- [Roadmaps](./docs/frontend-resources/roadmaps.md)
- [Subreddits](./docs/frontend-resources/subreddits.md)
- [Surveys](./docs/frontend-resources/surveys.md)
- [Tools](./docs/frontend-resources/tools.md)
- [Websites](./docs/frontend-resources/websites.md)
- [Youtube Channels](./docs/frontend-resources/youtube-channels.md)

### Git / Github

- [Courses](./docs/git-github/courses.md)
- [Tools](./docs/git-github/tools.md)
- [Videos](./docs/git-github/videos.md)
- [Websites](./docs/git-github/websites.md)

### HTML

- [Accessibility](./docs/html/accessibility.md)
- [Articles](./docs/html/articles.md)
- [Checklists](./docs/html/checklists.md)
- [Tools](./docs/html/tools.md)

### JavaScript

- [Articles](./docs/javascript/articles.md)
- [Books](./docs/javascript/books.md)
- [Courses / Practices](./docs/javascript/courses-practices.md)
- [Talks](./docs/javascript/talks.md)
- [Tools](./docs/javascript/tools.md)
- [Websites](./docs/javascript/websites.md)

### React

- [Articles](./docs/react/articles.md)
- [Frameworks](./docs/react/frameworks.md)
- [Hooks](./docs/react/hooks.md)
- [State Management](./docs/react/state-management.md)
- [Tools](./docs/react/tools.md)
- [Videos](./docs/react/videos.md)

### TypeScript

- [Articles](./docs/typescript/articles.md)
- [Challenges](./docs/typescript/challenges.md)
- [Courses](./docs/typescript/courses.md)
- [Tools](./docs/typescript/tools.md)

## Website

This website is built using [Docusaurus 2](https://docusaurus.io/), 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

<a href="https://github.com/aycanogut/front-end-resources/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=aycanogut/front-end-resources" />
</a>
