Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aycanogut/front-end-resources

a repo for awesome front-end resources
https://github.com/aycanogut/front-end-resources

css design html javascript react resources typescript

Last synced: 3 months ago
JSON representation

a repo for awesome front-end resources

Host: GitHub
URL: https://github.com/aycanogut/front-end-resources
Owner: aycanogut
License: mit
Created: 2021-08-19T19:48:20.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-06-04T20:38:02.000Z (5 months ago)
Last Synced: 2024-06-10T12:43:31.329Z (5 months ago)
Topics: css, design, html, javascript, react, resources, typescript
Language: JavaScript
Homepage: https://fe-resources.vercel.app
Size: 353 KB
Stars: 539
Watchers: 8
Forks: 63
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # 👋 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