Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ManzDev/awesome-fullstack

A list of curated resources related to FullStack (Frontend, Backend and DevOps)
https://github.com/ManzDev/awesome-fullstack

List: awesome-fullstack

Last synced: 16 days ago
JSON representation

A list of curated resources related to FullStack (Frontend, Backend and DevOps)

Awesome Lists containing this project

README 

        
![Awesome FullStack List](awesome-logo.png)



A list of curated resources related to FullStack · Frontend, Backend and DevOps



### Legend



* 📘 Post o article / 📙 Slide or presentation / 📕 Book online

* 🆓 Free resources / 📄 PDF or document / 📽️ Talk or video reference



* 💬 List or collection / 📂 CMS or manager / ☁ Cloud or CDN resource

* 🔨 Useful tool / 🔌 Plugin or extension / 🌟 Visual theme



* 📦 Bundlers or build tools / 📜 Template or configuration

* 🗻 Images-related / 💎 Valuable resource



---



# ⚡ VSCode / Editors



**VSCode Themes**

- 🌟 [Dracula Theme](https://draculatheme.com/) ·  A dark theme

- 🌟 [Rainglow](https://rainglow.io/) · 320 themes for Text editors

- 🌟 [SETI Monokai](https://github.com/smukkekim/vscode-setimonokai-theme) · SETI Monokai Theme for VSCode



**VSCode Extensions**

- 🔌 [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) · Sync your VSCode Settings on cloud 📘 [Tutorial](http://shanalikhan.github.io/2015/12/15/Visual-Studio-Code-Sync-Settings.html)

- 🔌 [Emojisense](https://marketplace.visualstudio.com/items?itemName=bierner.emojisense) · Emoji autocomplete

- 🔌 [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) · Calc cost to import dependencies

- 🔌 [IntelliJ IDEA Keybindings](https://marketplace.visualstudio.com/items?itemName=k--kato.intellij-idea-keybindings) · IDEA Keybindings for VSCode

- 🔌 [Docker](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker) · Adds syntax for Dockerfile and docker-compose files

- 🔌 [Icons](https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons) · Icons for Visual Studio Code

- 🔌 [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) · A customizable extension for colorizing matching brackets

- 🔌 [CodeMetrics](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics) · Computes complexity in TypeScript / JavaScript files

- 🔌 [Duplicate action](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate) · Ability to duplicate files in VS Code

- 🔌 [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) · Integrates ESLint JavaScript into VS Code

- 🔌 [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) · Improve your code commenting by annotating

- 🔌 [PostCSS Sorting](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-postcss-sorting) · VS Code plugin to sort CSS rules content with specified order

- 🔌 [File-size](https://marketplace.visualstudio.com/items?itemName=zh9528.file-size) · Show the current text file size in the status bar

- 🔌 [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) · Vue tooling for VS Code

- 📘 [User defined Snippets](https://code.visualstudio.com/docs/editor/userdefinedsnippets) · Create your own snippets



# ⚡ Front-end



- 📄 [Web Developer Roadmap](https://github.com/ManzDev/roadmap-web-developer-2017) · A web developer Roadmap



## HTML5



**HTML**

- 📄 [LenguajeHTML](https://lenguajehtml.com/) · HTML CheatSheet & Docs

- 🔌 [EMMET](https://emmet.io/) · Plugin for many popular text editors which greatly improves HTML & CSS workflow

    - 📙 [Guía rápida de EMMET](https://bit.ly/guiaemmet) · Fast tips and code for create HTML with EMMET

- 🔨 [Real Favicon Generator](https://realfavicongenerator.net/) · Fast favicon generator from one image to multiple devices

- 🔨 [Pug](https://pugjs.org/) · Robust, elegant, feature rich template engine for Node.js



**Markdown**

- 📘 [Mastering Markdown](https://guides.github.com/features/mastering-markdown/) · A lightweight and easy-to-use syntax for styling text



## CSS3



- 📄 [LenguajeCSS](https://lenguajecss.com/) · CSS CheatSheet & Docs

- 💎 [CanIUse](https://caniuse.com/) · Can I use this on my browser?

- 🔨 [Sass](https://sass-lang.com/) · Mature, stable, and powerful professional grade CSS extension language

- 🔨 [LESS](http://lesscss.org/) · Backwards-compatible language extension for CSS

- 🔨 [StyleLint](https://stylelint.io/) · A mighty, modern linter that helps you avoid errors and enforce conventions in your styles



### PostCSS



- 🔨 [PostCSS](https://postcss.org/) · Transform your CSS with JS

    - 🔌 [PostCSS-preset-env](https://preset-env.cssdb.org/) · Use tomorrow’s CSS today

    - 🔌 [PostCSS-mixins](https://github.com/postcss/postcss-mixins) · PostCSS plugin for mixins (CSS functions)

    - 🔌 [PostCSS-font-magician](https://github.com/jonathantneal/postcss-font-magician) · Magically generate all the @font-face rules

    - 🔌 [PostCSS-easy-import](https://github.com/trysound/postcss-easy-import) · Inline @import rules content with extra features

    - 🔌 [PostCSS-clean](https://github.com/leodido/postcss-clean) · PostCSS plugin to minify your CSS with clean-css

    - 🔌 [PostCSS-sorting](https://github.com/hudochenkov/postcss-sorting) · PostCSS plugin to keep rules and at-rules content in order

    - 🔌 [SugarSS](https://github.com/postcss/sugarss) · Indentation-based CSS syntax for PostCSS

    - 🔌 [PostCSS-trolling](https://github.com/juanfran/postcss-trolling) · Change all to Comic Sans font

- 🔨 [CSSComb](http://csscomb.com/)



## Javascript



- 📄 [LenguajeJS](https://lenguajejs.com/) · Javascript CheatSheet & Docs

- 💬 [CDNjs](https://cdnjs.com/) · Javascript & CSS libraries hosted on Cloudflare CDN

- 💎 [JavaScript Equaility Table Game](https://slikts.github.io/js-equality-game/) · JS Equality Game

- 🔨 [Terser](https://github.com/terser-js/terser) · Javascript ES6 minifier

- 💬 [30secondsofcode.org](https://30secondsofcode.org/) · Collection of Javascript snippets

- 💎 [ES6 Kangax Table](https://kangax.github.io/compat-table/es6/) · Kangax ES6 Compatibility table

- 🔨 [BabelJS](https://babeljs.io/) · Use next generation JavaScript, today

- ✔️ [ESLint](https://eslint.org/) · The pluggable linting utility for JavaScript and JSX

    - 🛁 [Clean Code](https://github.com/ryanmcdermott/clean-code-javascript/) · Clean Code concepts adapted for JavaScript

    - ✔️ [Jest](https://jestjs.io/) · Delightful JavaScript Testing

    - ✔️ [️ES6 Katas](http://es6katas.org/) · Learn ES6 by doing it. Fix failing tests. Keep all learnings

- 🔨 [MythBusters](https://mythbusters.js.org/) · A JavaScript Handbook exploring perfomance & readibility



## Components



- 🔨 [Elix Components](https://component.kitchen/elix) · Open collection of HQ web components for common user interface patterns

- 🔨 [MoleculeJS](https://moleculejs.org/) · Declarative, flexible Custom Elements



## React



- 🔨 [Create React App](https://facebook.github.io/create-react-app/) · A ready-to-go React application creator (by running one command)

- 🔨 [ReactJS](https://reactjs.org/) · A JavaScript library for building user interfaces

    - 📅 [React Conf](https://conf.reactjs.org/)

    - 📄 [React Hooks](https://reactjs.org/docs/hooks-intro.html)

- 🔨 [Emotion CSS-in-JS](https://emotion.sh/) · The Next Generation of CSS-in-JS

- 🔨 [Styled Components](https://www.styled-components.com/)



## Vue



- 🔨 [VueJS](https://vuejs.org/) · A Progressive JavaScript Framework

    - 📄 [VueJS v2 Guide](https://vuejs.org/v2/guide/) · VueJS 2.0 Guide

    - 📄 [Class/Style bindings](https://vuejs.org/v2/guide/class-and-style.html) · Classes with VueJS

    - 📄 [SFC: Single File Components](https://vuejs.org/v2/guide/single-file-components.html) · Single File Components

- 🔌 [Chrome VueJS extension](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) · DevTools extension for debugging Vue.js apps

    - 🔌 [Babel-plugin-transform-vue-jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx) · Babel plugin for Vue 2.0 JSX

    - 🔌 [Vue-resource](https://github.com/pagekit/vue-resource) · The HTTP client for Vue.js

    - 🔌 [ESLint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) · Official ESLint plugin for Vue.js

    - 🔌 [Axios](https://github.com/axios/axios) · Promise based HTTP client for the browser and node.js

- 🔨 [Vue CLI 3](https://cli.vuejs.org/) · Standard Tooling for Vue.js Development

- 🔨 [Vuex](https://vuex.vuejs.org/) · State management pattern + library for Vue.js apps

- 🔨 [SSR](https://ssr.vuejs.org/) · Server Side Rendering for Vue.js

- 🔨 [Nuxt](https://nuxtjs.org/) · A framework for Vue.js framework.

- 🔨 [Portal-vue](https://linusborg.github.io/portal-vue/) · A Vue Plugin to render your component's templates anywhere in the DOM



**Routers**

- 🔨 [Vue Router](https://router.vuejs.org/) · Official router for Vue.js

    - 🔨 [Page.js router](https://github.com/visionmedia/page.js) · Tiny ~1200 byte Express-inspired client-side router

    - 🔨 [Director router](https://github.com/flatiron/director) · A tiny and isomorphic URL router for JavaScript



**Testing**

- 🔨 [Vue-test-utils](https://vue-test-utils.vuejs.org/) · Official unit testing utility library for Vue.js

- 🔨 [Avoriaz](https://eddyerburgh.gitbooks.io/avoriaz/content/) · A Vue.js testing utility library



**Internationalization**

- 🔨 [Vue-i18n](https://kazupon.github.io/vue-i18n/) · Internationalization plugin for Vue.js



**Static generators**

- 🔨 [VuePress](https://vuepress.vuejs.org/) · Vue-powered Static Site Generator

- 🔨 [Docsify](https://docsify.js.org/) · A magical documentation site generator



**Validation**

- 🔨 [Vuelidate](https://monterail.github.io/vuelidate/) · Simple, lightweight model-based validation for Vue.js 2.0

- 🔨 [Vee Validate](https://baianat.github.io/vee-validate/) · Input Validation Framework for Vue.js



**GraphQL**

- 🔨 [Vue Apollo](https://akryum.github.io/vue-apollo/) · Integrate GraphQL in your Vue.js apps



**Webpack**

- 🔌 [Vue-loader](https://vue-loader.vuejs.org/) · Webpack loader for Vue.js components



**Lists**

- 🔨 [Curated VueJS](https://curated.vuejs.org/) · Find the best packages for your Vue app

- 💬 [Awesome Vue](https://github.com/vuejs/awesome-vue) · A curated list of awesome things related to Vue.js



# ⚡ Back-end



## PHP



- 🐘 [PHP](http://php.net) · Fast, flexible and pragmatic language programming

- 🐘 [PHP-Fig](https://www.php-fig.org/) · PHP Standard Recommendations

    - 🐘 [PSR-4: Autoload](https://www.php-fig.org/psr/psr-4/) · Autoloading classes from file paths

- 💬 [Learn PHP: Modern way](https://odan.github.io/learn-php/)

    - 🐘 [Laravel](https://laravel.com/) · The PHP Framework For Web Artisans



## NodeJS



- 🔨 [NodeJS](https://nodejs.org/) · JavaScript runtime built on Chrome's V8 JavaScript engine

- 🔨 [NPM](https://npmjs.com/) · Node Package Manager

- 🔨 [Yarn](https://yarnpkg.com/en/) · NPM improved



## Seguridad



**Password Managers**

- 🔒 [KeePass2](https://keepass.info/) · Free, open source, light-weight and easy-to-use password manager (Windows)

- 🔒 [KeePassXC](https://keepassxc.org/) · KeePass Cross-Platform Community Edition

- 🔒 [EnPass](https://www.enpass.io/) · Secure passwords with Enpass password manager

- 🔒 [MiniKeePass](https://minikeepass.github.io/) · KeePass for iPhone

- 🔒 [LastPass](https://www.lastpass.com/) · Don't forget passwords with a online password manager

- 🔒 [BitWarden](https://bitwarden.com/) · Store, share, and sync sensitive data

- 🔒 [QtPass](https://qtpass.org/) · Multi-platform GUI for pass, the standard unix password manager



**Tips**

- 📘 [Parte 1](https://programar.cloud/post/como-implementar-la-seguridad-en-tu-api-parte-1/) [Parte 2](https://programar.cloud/post/como-implementar-la-seguridad-en-tu-api-parte-2/) · Cómo implementar la seguridad en tu API



# ⚡ DevOps



## Terminal



**GNU/Linux**

- 💿 [Debian](https://www.debian.org/) · Free operating system for your computer or server

- 💿 [Alpine](https://alpinelinux.org/) · Linux for power users who appreciate security, simplicity and resource efficiency

- 💿 [BusyBox](https://www.busybox.net/) · Tiny versions of many common UNIX utilities into a single small executable



**Shells**

- 👨‍💻 [Bash-it](https://github.com/Bash-it/bash-it) · Framework for your Bash shell

- 👨‍💻 [Oh My ZSH](https://github.com/robbyrussell/oh-my-zsh) · Framework for your zsh shell

- 👨‍💻 [Putty](https://www.putty.org/) · A SSH client for Windows

- 👨‍💻 [ASCIInema](https://asciinema.org/) · Record and share your terminal sessions, the right way



**Tools/Commands**

- 👨‍💻 [htrace.sh](https://github.com/trimstray/htrace.sh) · Simple shell script to debugging http/https connection tracing, response headers and mixed-content

- 👨‍💻 [nGrok](https://ngrok.com/) · One command for an instant, secure URL to your localhost server through any NAT or firewall

- 🔨 [TheFuck](https://github.com/nvbn/thefuck) · Efficiency tool to handle misspelling bash commands

- 🔨 [tmux](https://github.com/tmux/tmux/wiki) · Utility to split command line area into spaces

- 📈 [htop](https://hisham.hm/htop/) · Interactive process viewer for Unix



**Control version**

- 🔨 [Git](https://git-scm.com/) · Control version

    - 🔨 [GitHub](https://github.com/) · Largest community of developers and open source projects

    - 🔌 [Gitmoji-cli](https://github.com/carloscuesta/gitmoji-cli) · Emojis for you Git commits



**CI**

- 🔨 [Travis](https://travis-ci.org/) · Easily sync your GitHub projects with Travis CI and testing your code

- 🔨 [Jenkins](https://jenkins.io/) · Build great things at any scale

- 🔨 [CircleCI](https://circleci.com/) · Automate your development process quickly, safely, and at scale



**Package Managers**

- 🔨 [HomeBrew](https://brew.sh/index_es.html) · Package Manager for MacOS

- 🔨 [Chocolatey](https://chocolatey.org/) · Package Manager for Windows



## Bundlers



**Bundlers**

- 📦 [Webpack](https://webpack.js.org/) · Bundle your scripts, styles, assets, images and others.

- 📦 [ParcelJS](https://parceljs.org/) · Blazing fast zero config webapp bundler.

    - 📜 [Parcel Document Blank](https://github.com/ManzDev/parcel-document-blank) · Parcel template for front-end projects (with preprocessors)

    - 🔌 [Parcel Bundle Visualiser](https://github.com/gregtillbrook/parcel-plugin-bundle-visualiser) · A plugin for the parcel bundler to visualise bundle contents



**Build Tools/Runners**

- 📦 [GulpJS](https://gulpjs.com/) · Runner and build tool

- 💬 [Plugins para Gulp](https://gulpjs.com/plugins/) · List of Gulp plugins for multiple purposes



## Servers



**Server Provider**

- ☁ [DigitalOcean](https://www.digitalocean.com/) · Deploy, manage and scale cloud apps on your infrastructure

- ☁ [Amazon (AWS)](https://aws.amazon.com/es/) · Build, manage and deploy powerful cloud servers

- ☁ [Google Cloud](https://cloud.google.com/) · Build, innovate, and scale with Google Cloud Platform

- ☁ [Azure](https://azure.microsoft.com/) ·  Cloud computing service for building, testing, deploying, and managing apps



**CDN Providers**

- ☁ [CloudFlare CDN](https://www.cloudflare.com/cdn/) · Fast and free global content delivery network

- ☁ [MaxCDN](https://www.stackpath.com/maxcdn/) · Easy and economic content delivery network



**Docker**

- 🐳 [Docker](https://www.docker.com/) · Build, Manage and Secure your apps

    - ☁ [Docker Hub](https://hub.docker.com) · Dev-test pipeline automation, 100,000+ free apps, public and private registries

    - ☁ [Docker Compose](https://docs.docker.com/compose/install/) · Tool for define and running multi-container Docker apps

    - 📈 [ctop](https://ctop.sh/) · Concise commandline monitoring for containers

    - ☁ [Kubernetes](https://kubernetes.io/) · Open source system for automating deployment, scaling and management containers

    - ✔️ [FromLatest](https://www.fromlatest.io/) · An opinionated Dockerfile linter. Web version of [dockerfilelint](https://github.com/replicatedhq/dockerfilelint)



## Static Web / CMS / Doc Generators



**Static Web Generators**

- 💬 [StaticGen](https://www.staticgen.com/) · Static webpage generator list

- 📂 [Docusaurus](https://docusaurus.io/) · Document page generator (Facebook)

- 📂 [Docz](https://www.docz.site/) · Documents page generator



**Alternative CMS**

- 📂 [GetGrav](https://getgrav.org/) · Grav CMS

- 📂 [Gatsby: React CMS](https://www.gatsbyjs.org/)

- 📂 [Gridsome: Vue CMS](https://gridsome.org/)



# ⚡ Events



- 📅 [JSDay (CanariasJS)](https://jsdaycanarias.com/) · JSDay (Javascript Event)

- 📅 [TLP Innova](https://tlp-tenerife.com/tlpinnova/) · Tenerife LAN Party (Developer & Other Event)



# ⚡ Images



**Patterns**

- 🗻 [SVG Backgrounds](https://www.svgbackgrounds.com/) · Fast SVG background for your webpage

- 🗻 [Hero Patterns](https://www.heropatterns.com/) · Collection of repeatable SVG background patterns



**SVG**

- 📕 [SVG Pocket Guide](http://svgpocketguide.com/book/) · Cute and little SVG pocket book

- 🔨 [Vectr](https://vectr.com/) · Free graphic software for create vector graphics

- 🔨 [Inkscape](http://inkscape.org/) · Open source SVG image editor

- 🔨 [Figma](https://www.figma.com/) · Design, prototype with Figma Editor



# ⚡ Resources



**CheatSheets**

- 📄 [Rico Cheatsheets](https://devhints.io/) · Collection of interactive cheatsheets

- 📄 [OverAPI](http://overapi.com/) · Interactive Cheat Sheets



**Images**

- ✏️ [Carbon](https://carbon.now.sh/) · Create and share beautiful images of your source code



**Humor**

- 🤣 [XKCD](https://xkcd.com/) · A webcomic of romance, sarcasm, math, and language

- 🤣 [CommitStrip](http://www.commitstrip.com/) · The blog relating the daily life of web agency developers



**Others**

- 📄 [30 Seconds of Interviews](https://30secondsofinterviews.org/) · A curated collection of common web development interview questions to help you prepare for your next interview

- 🆓 [PacktPub: Libros/Ebooks](https://www.packtpub.com/packt/offers/free-learning) · Free daily ebook

- 🔨 [Draw.io](https://draw.io) · Free online diagram software for making flowcharts, diagrams and charts

- 🎓 [Education Pack GitHub](https://education.github.com/pack/join) · GitHub Student Pack Page