awesome-list

🕶️ A list of my favorite findings in the software industry
https://github.com/isaccanedo/awesome-list

Last synced: 3 days ago
JSON representation

💖 Admired Examples
- Josh Comeau's blog - One of the best blog designs i've seen. Josh incorporates sound, hit counters, and other fancy tricks in his blog design. His actual content are solid and some go into detail on how he added some of his blogs coolest features. I highly recommend it to everyone.
- AWS CDK - TS - AWS CDK (Cloud Development Kit) is written in Typescript but is transpiled into multiple languages using [JSII](https://github.com/aws/jsii).
- Node Slack SDK - TS - Slack Developer Kit for Node.js
- AWS SDK JS - JS - AWS SDK for JavaScript in the browser and Node.js.
- NodeJS Clean Architecture App - JS - A simple API built with Hapi.js that follows DDD + Clean Architecture principles.
- Using Clean Architecture for Microservice APIs in Node.js with MongoDB and Express - Youtube - Good example of how to develop node applications in JS.
- Relay Examples Subscription - JS - Example of subscriptions with Relay Modern.
- RallyInteractive - Rally is a small digital product studio in Salt Lake City, Utah. We're an experienced team of designers & developers, partnering with brands like Google, Nike, and National Geographic since 2011.
- Google Test - C++ - Google Testing and Mocking Framework
- Jira Performance Tests - Kotlin - A fully-automated performance benchmarking tool designed for Jira Server and Jira Data Center.
- PyTest Allure API Framework - Python
- Devilution - C++ - Diablo devolved - magic behind the 1996 computer game.
🎩 Alfred
- Alfred Jira - Alfred 3 (or Alfred 2) workflow for interacting with JIRA.
- Packal
- Pacmax
💻 Applications
- Dashlane - Everybody should have a password manager by now. Dashlane is a cross-platform subscription-based password manager and digital wallet application available on macOS, Windows, iOS and Android. It uses a Freemium pricing model which includes both a free tier and a premium subscription.
- Tower - The best Git client i've ever used. Over 100000 developers and designers are more productive with Tower - the most powerful Git client for Mac and Windows.
- Krisp - An AI powered application that removes background noise from both your microphone and your input audio. 120 minutes/week are free.
- Burp Suite - A leading range of cybersecurity tools, brought to you by PortSwigger.
- Alfred - A replacement for MacOs's Spotlight. It allows you to install/create plugins to fit your work patterns. My favorite feature is that you can search clipboard history directly from spotlight. [_Check out my list of Alfred resources._](#Alfred)
- Contexts - A replacement for MacOs's CMD + Tab interface. The reason I love this app is because it allows me to tab between windows of the same app (like multiple VSCode windows). Contexts also offers a convenient tab menu and more customization options of where and how windows behave.
- CleanShot - A better screenshot/screen record tool that gives you more control on what is captured. This app offers fantastic editing options that native MacOs screenshot does not, such as blur, step annotations, highlighting, and pinning. It also offers a scrolling capture function which allows you to screenshot a webpage that is longer than your devices viewport.
- HazeOver - A MacOS app that automatically dims inactive windows to help keep you focused.
- Muzzle - A simple mac app that automatically silences embarrassing notifications when screen-sharing.
- Sketch - Create, prototype, collaborate, and bring your ideas to life with the design platform used by over one million people — from freelancers, to the world’s largest teams.
:artificial_satellite: Services
- Vercel - Vercel is an excellent option if you're building with a framework like NextJS. It's cheap, comes with a lot of optimizations, and easy to setup. I've noticed that some of the image optimizations that Vercel does with Next/Image components would take a long time to setup from scratch in something like AWS.
- CircleCI - Automate your development process with CI hosted in the cloud or on a private server.
- Netlify - More speed. Less spend. 900,000+ developers & businesses use Netlify to run web projects at global scale—without servers, devops, or costly infrastructure.
- CodePen - Online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets.
- Bit - Bit is a scalable and collaborative way to build and reuse components. It's everything you need from local development to cross-project integrations.
- TensorFlow - TensorFlow is an end-to-end open source platform for machine learning. It has a comprehensive, flexible ecosystem of tools, libraries and community resources that lets researchers push the state-of-the-art in ML and developers easily build and deploy ML powered applications.
- Chromatic - Chromatic is a visual regression testing tool for storybook. This is a must if you've put the work into writing stories for you components. When new code is pushed Chromatic will automatically genereate image diffs from the new vs old stories. If a diff is found it will wait for a reviewer to approve before replacing the baseline.
- Boxstarter - Repeatable, reboot resilient windows environment installations made easy using Chocolatey packages.
- Regex101 - Regex generator and tester.
- Fake Name Generator - Generate entire identities with finance records, employment information and more.
- Slackmojis - An unofficial\* directory of the best custom slack emojis.
- CDNJS - Stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.
- EggPlant - Applying Artificial Intelligence and Machine Learning to move from predominantly manual Quality Assurance to automated QA helps support a new culture of working, to help you deliver DevOps at scale and optimize your User' Experiences (UX).
📰 Blogs
- Amazon's Alexa Teams
- Bruno Simon - Bruno's blog is like a video game. Built using Threejs you traverse as a little toy monster truck exploring his projects and knocking over bowling pins. This blog is so creative it might just inspire you to learn more about ThreeJS of which he provides a comprehensive course for!
- Kent C. Dodds - Software quality
- Gleb Bahmutov PhD - Quality and testing
- Zach Leatherman - Zach is a builder for the web with Netlify. He’s currently fixated on web fonts and static site generators.
- Illustrated.dev - Illustrated explanations of web development, technology & a little bit of anthropology.
- CSS-Tricks - Blog posts from CSS experts. Every web developer should bookmark this site for CSS reference. Don't care about the blog posts? Here's the [almanac](https://css-tricks.com/almanac/).
- Bobby Tables - A guide to preventing SQL injection.
- Dev.to - A place for developers to share their knowledge and ideas.
- Medium.com - Medium is a platform for sharing ideas, knowledge, and resources.
- Kaggle - Machine learning challenges.
- TechChrunch - Tech and Startup news.
- The Daily Swig - Cybersecurity news and views
- Designmodo - Frontend design blog
- HackerNoon - News and articles from the hacker community.
- Google Updates
- Code Academy - Learn web development.
📚 Books
- How to Win Friends and Influence People - One of the best books I've ever read.
- The 7 Habits of Highly Effective People
- The Clean Coder
- Development Guide - A set of guidelines and best practices for an awesome engineering team.
- Clean Code
- The Pragmatic Programmer
- Javascript Testing Best Practices - Great document containing best practices for testing javascript but they also apply to Typescript and almost every recommendation can be applied to any other language.
- UI Testing Best Practices - The largest UI testing best practices list (last update: May 2020) (work in progress)
- Don't Make Me Think (3rd Edition)
- The Design of Everyday Things: Revised and Expanded Edition - A book that will help you understand what good design is like and how it differs from bad design.
- The Big Book of Dashboards
- Database Design for Mere Mortals
- Head First Design Patterns - The best design patterns book i've ever read.
- Design Patterns: Elements of Reusable Object-Oriented Software
- Clean Architecture
- System Design Primer - Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
- Clean Code Design in Typescript - Clean Code concepts adapted for TypeScript.
- SDK Design - JavaScript SDK Design Guide extracted from work and personal experience.
- Cluster Fuzz Design - ClusterFuzz is a scalable fuzzing infrastructure that finds security and stability issues in software.
- You Dont Know JS - An excellent book series on JavaScript.
- 33 JS Concepts - 33 concepts every JavaScript developer should know.
- Javascript Algorithms - Algorithms and data structures implemented in JavaScript with explanations and links to further readings.
- Clean Agile: Back to Basics
- Agile Software Development, Principles, Patterns, and Practices
- Structure and Interpretation of Computer Programs - 2nd Edition
- Introduction to Algorithms: 3rd Edition
- Data Structures and Algorithms in Java
- Cracking the Coding Interview Programming Questions
:briefcase: Career
- PayScale - Gain the insights and confidence to get pay right with relevant, validated salary data and industry-leading, AI-powered compensation software.
- Blind - Blind is a social media platform for people who work at large tech companies. This is an excellent resource for hiring and connecting. It is a social media platform which means there are a lot of trolls and junk. Don't say I didn't warn you.
- Angel - Angel is a platform for hiring and connecting with top tech talent.
Bug Boards
- Safari/Webkit
- Mozilla
- Linux
- Apache
🕷️ Bug Bounties
- HackerOne - The most trusted hacker powered security platform.
- BugCrowd - Fully-managed Bug Bounty programs combine analytics, automated security workflows, and human expertise to find and fix more critical vulnerabilities.
🔧 Chrome Dev Tools
- Code-Snippets - Performance, debugging and testing code snippets to be run in Chrome DevTools.
:computer: Cursos
- CSS for JS developers - Josh C. Comeau teaches you modern CSS and how to create accessible, animated, thoughtful front ends. By far the best online course design i've ever experienced. It took me 6 months of casual progress to complete, but it can be completed in around 30 hours (10 modules * 3 hours). I might even consider going through it again to pickup on lessons that I may have missed or forgotten.
- Design for Developers - Sarah Drasner teaches you the foundations of design, color theory, patterns, typography, and more. This was a great introduction to design and I loved it.
- Three.js Journey - This course is the best i've seen if you're looking to learn about Three.js. Guided by Bruno Simmon's, this course offers 5 chapters / 39 lessons / 45 hours of video content (or a textual guide if you prefer). Even if you're not interested in game development this course should give you an edge that will allow you to sprinkle a little magic into the standard UI and give your next website a wow factor that makes it stand out.
- Epic React - Kent C. Dodds also created this React course that teaches best practices when developing build top tier web apps. I haven't completed this course but i'm excited to start.
- Testing Javascript - Kent C. Dodd's designed this. Kent teaches you how to write clean, efficient, elegant tests for your JavaScript applications. I haven't completed this course but i'm excited to start.
🫖 Design
- :abacus: Data Visualizations
  - ObservableHQ - Explore data visualization demos/code. Typically showcases examples that use D3.
  - Data-Driven Documents - A JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
- :art: Color Pallet Design
  - Coolors - Auto generated color pallets. Just hit the space bar!
  - Colorable - Make sure your background colors contrast from your text color by using Colorable to rate your colors.
  - My Color Space - Just enter a color and generate nice color pallets.
  - UIGradients - Beautiful gradients.
  - Encycolorpedia - Search a color and find complimentary colors and designs.
  - Paletton - You don’t need to know the ins and outs of color theory in order to use Paletton's unique and easy color wheel. All you need to do is choose the basic color you are interested in exploring, and get inspired.
  - Adobe Color Wheel - Another easy to use color wheel.
  - Conic - Beautiful conic gradients.
- :black_square_button: Shadow Design
  - CSSBoxShadow - Easily generate box shadow CSS. Also includes tools for gradients, borders, and noise textures.
- :bulb: Design Inspiration
  - Codrops - A web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.
  - Dribble - Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.
  - Grid By Example - Everything you need to learn CSS Grid Layout. Includes several examples of how you can use CSS grid to give your site a unique layout.
  - CodePen Topics - Templates, examples and resources for common libraries, frameworks and UI patterns.
- :curly_loop: Typography
  - Typography for Laywers - An excellent resource by [Matthew Butterick](https://typographyforlawyers.com/about-matthew-butterick.html) that goes in depth on typography rules and recommended practices. Also the author/site owner offers some beautiful fonts for sale. I've purchased a few that are currently being used on [USACounts.com](https://usacounts.com)
  - V-Fonts - A simple resource for finding and trying variable fonts.
- 🎨 Design Libraries
  - Styled Components - The best design library is your own. Having full flexibility to modify any presentation to your will is a difference maker.
- :framed_picture: Image Optimization
  - 99Designs - Image file types - To the point explanation of when to use which image file format.
  - TinyJPG - TinyJPG reduces the file size of your JPEG images. Every uploaded image is analyzed to apply the best possible JPEG encoding. Based on the content of your image an optimal strategy is chosen. The result is a quality image without wasting storage or bandwidth!
- :jigsaw: Component Libraries
  - ReachUI - Provides unstyled base components that come with great accessibility and performance. All you have to do is style them to fit your design.
  - Ant Design - A design system for enterprise-level products. Create an efficient and enjoyable work experience.
  - Semantic UI - Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
  - Chakra - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
  - Radix Primitives - Similar to ReachUI, An open-source UI component library for building high-quality, accessible design systems and web apps.
  - Material UI - React components for faster and easier web development. Build your own design system, or start with Material Design.
- :money_with_wings: UI Kits
  - ShutterStock - Not interested in designing your own components but still want a unique look and feel? Purchase a library of components!
  - Creative Market - These modern, feminine, and professional themes can power e-commerce sites, portfolios, and blogging platforms.
- :scissors: CSS and SVG Masking/Clipping
  - Live demo of masking/clipping techniques
  - Clippy - CSS clip-path maker.
- :sponge: Textures
  - Transparent Textures - Free transparent textures that can give your backgrounds style.
  - Toptal - Subtle patterns that can give your backgrounds style.
- :thumbsup: Icon Design
  - TheNounProject - Download public SVG/PNG icons. If you have a membership you don't even have to cite the creator!
  - FlatIcon - The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
  - Make App Icon - This icon resizer optimizes your icon designs into all formats needed for iOS and Android mobile app!
- :ticket: Social Cards
  - Twitter Card Validator - Test how your website card will look when unfurled on Twitter.
🧑‍🎓 Interview Prep
- LeetCode - I think LeetCode is a bit overrated but it's a great place to practice coding interview questions. Just don't spend all day here.
- Techie Delight - Whiteboard interview prep. Practice solving real interview problems using search algorithms, data structures, and other techniques.
- Algo Monster - Similar to Techie Delight but with different questions and approaches.
- Big-O Cheat Sheet - A cheat sheet to help you calculate time complexity.
🔏 JSON Schema
- Official Site
📦 Modules/Packages
- :curly_loop: Typography
  - RimRaf - A simple, fast, and reliable utility for removing files and directories and it's OS agnostic. There's almost always an output folder in every project RimRaf is a good way to clean up those outputs. I usually add a script to the `package.json` to easily run this e.g. `"clean": "rimraf build cdk.out .next"`.
  - Patch Package - Lets app authors instantly make and keep fixes to npm dependencies. It's a vital band-aid for those of us living on the bleeding edge.
  - Winston - JS - A logger for just about everything.
  - Ink - Provides the same component-based UI building experience that React offers in the browser, but for command-line apps.
  - Chalk - Customize console output's font style and color.
  - Schema Tools - TS - Validate, sanitize and document JSON schemas.
  - JSON Schema To OpenAPI Schema - JS - Due to the OpenAPI v3.0 and JSON Schema discrepancy, you can use this JS library to convert JSON Schema objects to OpenAPI Schema.
  - JSON Schema Benchmarks - JS - Benchmarks for Node.js JSON-schema validators.
  - Justify - Java - Justify is a JSON validator based on JSON Schema Specification and Jakarta JSON Processing API (JSON-P).
  - GenSON - Python - Powerful, user-friendly JSON Schema generator built in Python.
  - Schematized - TS - Turn JS objects into JSON schemas that continue to improve as you provide examples.
  - Hasura - Hasura is an open source engine that connects to your databases & microservices and auto-generates a production-ready GraphQL backend.
  - Apollo Client - TS - A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
  - Chance - Generate random numbers, characters, strings, names, addresses, dice, and pretty much anything else.
  - PDF2Image - A utility for converting pdf to image and base64 format.
  - Google Lighthouse - JS - Automated auditing, performance metrics, and best practices for the web.
  - Cortex - Build machine learning APIs
  - Health Checks - Python - A Cron Monitoring Tool written in Python & Django.
  - Semantic-Release - JS - Fully automated version management and package publishing.
  - CZ-CLI - JS - The commitizen command line utility.
  - Nock - JS - HTTP server mocking and expectations library for Node.js
  - Localstack - Python - A fully functional local AWS cloud stack. Develop and test your cloud & Serverless apps offline!
  - Appium - Automation for iOS, Android, and Windows Apps.
  - Detox - Gray box end-to-end testing and automation framework for mobile apps.
  - Jacoco - Java Code Coverage Library. Enables remote capturing.
  - NYC - JS - Source mapped coverage of Babel and TypeScript projects.
  - Allure - Allure Framework is a flexible lightweight multi-language test reporting tool. It provides clear graphical reports and allows everyone involved in the development process extract maximum of information from everyday testing process.
  - Allure-JS - Allure integrations for JavaScript test frameworks.
  - Cypress Allure Plugin - cypress plugin to use allure reporter api in tests.
  - Progress bar - Easy to use progress-bar for command-line/terminal applications.
- Documentation
  - TSDoc - A clean code documenting/commenting standard for TypeScript.
  - Mermaid - JS - Generation of diagram and flowchart from text in a similar manner as markdown.
  - Slate - Beautiful static (markdown) documentation for your API.
  - Widdershins - Converts OpenAPI / Swagger, AsyncAPI & Semoasa definitions to Slate / Shins compatible markdown.
  - Doxygen - The de facto standard tool for generating documentation from annotated C++ sources, but it also supports other popular programming languages such as C, Objective-C, C#, PHP, Java, Python, IDL (Corba, Microsoft, and UNO/OpenOffice flavors), Fortran, VHDL and to some extent D.
  - Docz - Create MDX files showcasing your code and Docz turns them into a live-reloading, production-ready site.
- Frontend development
  - Gatsby - Static site generator that helps you to build blazing fast, modern apps and websites with React. My favorite thing about Gatsby is how they let you hook into every step of the build process. **IMO Gatsby is the king of static site rendering.**
  - NextJS - NextJS can be a static site generator like Gatsby, however it lacks in image rendering features. Where NextJS comes up short, it makes up for with other **fantastic features like SSR, SSG, REST API server** and more.
  - Browser Rendering Optimization - Browser rendering optimization for 60fps smoothness!
  - Arc - React starter kit based on Atomic Design.
  - Google Charts - Google chart tools are powerful, simple to use, and free. Try out Google's rich gallery of interactive charts and data tools.
  - Infinite Scroll - HTML - Automatically add next page.
  - React D3 Speedometer - JS - React Speedometer component using d3.js
  - MUI Data Tables - JS - Data tables for React using Material-UI.
  - Netdata - C - Real-time performance monitoring, done right!
  - React ADMIN - TS - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design.
- Integration development
  - Slack UI Template - Quickly mock up your Slack interactions with attachments and message formatting in Sketch.
  - Python SDK - Python JIRA Library is the easiest way to automate JIRA.
  - Auto ReBase - TS - GitHub App to make the Rebase Workflow enjoyable and keep master always green.
  - Action PR Title - JS - Github action to enforce Pull Request title conventions.
  - Mergeable - Helps automate your team's GitHub workflow without a single line of code.
- Linters
  - XO - Batteries included linter.
- Testing
  - Ava - JS - Quick and easy JS/TS unit test framework with beautiful CLI output.
  - PyTest - Python - The pytest framework makes it easy to write small tests, yet scales to support complex functional testing. Very elegant.
  - Karate - Java - Karate is the only open-source tool to combine API test-automation, mocks, performance-testing and even UI automation into a single, unified framework.
  - Big list of naughty strings - The Big List of Naughty Strings is a list of strings which have a high probability of causing issues when used as user-input data.
  - Gremlins - A monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins.
  - Cy-API - Cypress custom command "cy.api" for end-to-end API testing.
  - Dredd - Dredd reads your API description and step by step validates whether your API implementation replies with responses as they are described in the documentation.
  - Steno - Record and Replay your HTTP requests, both incoming and outgoing, to generate fixtures for your tests.
  - TCPCopy - TCPCopy is a TCP stream replay tool to support real testing of Internet server applications.

Programming Languages

JavaScript 43 TypeScript 21 Python 12 Java 3 HTML 3 C 2 C++ 2 Haskell 1 Kotlin 1 Go 1

awesome-list

💖 Admired Examples

🎩 Alfred

💻 Applications

:artificial_satellite: Services

📰 Blogs

📚 Books

:briefcase: Career

Bug Boards

🕷️ Bug Bounties

🔧 Chrome Dev Tools

:computer: Cursos

🫖 Design

:abacus: Data Visualizations

:art: Color Pallet Design

:black_square_button: Shadow Design

:bulb: Design Inspiration

:curly_loop: Typography

🎨 Design Libraries

:framed_picture: Image Optimization

:jigsaw: Component Libraries

:money_with_wings: UI Kits

:scissors: CSS and SVG Masking/Clipping

:sponge: Textures

:thumbsup: Icon Design

:ticket: Social Cards

🧑‍🎓 Interview Prep

🔏 JSON Schema

📦 Modules/Packages

:curly_loop: Typography

Documentation

Frontend development

Integration development

Linters

Testing