100+ Most Useful Github Repositories Every Programmer Needs
Tags: javascript, programming, github
Published: 2022-11-17 17:45:31

Hi everyone! Today, I'll introduce you to the top 100+ repositories on github on most important topics on programming ranging from Frontend to Backend, DSA, to Design Patterns and System Design. These repositories are beneficial for any level from beginner to expert level programmers. I recommend to bookmark it for future as they'll be quite useful in years to come in your career. And they're going to be incredibly useful whether you're learning or preparing for the interview. Enjoy the read ❤️️

# HTML
## 1. [Html Head](https://github.com/joshbuchea/HEAD)
A simple guide to HTML <head> elements

## 2. [Html Boilerplate](https://github.com/h5bp/html5-boilerplate)
A professional front-end template for building fast, robust, and adaptable web apps or sites.


## 3. [Html Quizzes](https://github.com/learning-zone/html-basics)
Quizzes on HTML fundamentals

## 4. [Html Interview Questions](https://github.com/Devinterview-io/html5-interview-questions)
HTML5 coding interview questions and answers for web developers.


# CSS

## 1. [Css Pro Tips](https://github.com/AllThingsSmitty/css-protips)
A collection of tips to help take your CSS skills pro.

## 2. [Awesome Css](https://github.com/awesome-css-group/awesome-css)
A curated list of frameworks, style guides, and cool nuggets of information for writing awesome CSS. It does not contain resources to learn CSS.

## 3. [Awesome Css Learning](https://github.com/micromata/awesome-css-learning)
An awesome list limited to the best CSS learning resources

## 4. [Awesome Css Frameworks](https://github.com/troxler/awesome-css-frameworks)
List of awesome CSS frameworks.

## 5. [Animate Css](https://github.com/animate-css/animate.css)
A cross-browser library of CSS animations. As easy to use as an easy thing.

## 6. [Frontend Dev Bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)
Manually curated collection of resources for frontend web developers.

## 7. [Css Grid Garden](https://github.com/thomaspark/gridgarden/)
Grid Garden is a game for learning CSS grid layout

## 8. [Css Flexbox Froggy](https://github.com/thomaspark/flexboxfroggy/)
A game for learning CSS flexbox

## 9. [You don't need JavaScript](https://github.com/you-dont-need/You-Dont-Need-JavaScript)
CSS is powerful, you can do a lot of things without JS.

## 10. [50 Projects 50 Days](https://github.com/bradtraversy/50projects50days)
50+ mini web projects using HTML, CSS & JS

## 11. [Solved by Flexbox](https://github.com/philipwalton/solved-by-flexbox)
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

## 12. [Css Interview Questions](https://github.com/Devinterview-io/css-interview-questions)
CSS Interview Questions Answered to help you get ready for your next coding interview.

## 14. [Frontend Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
This repository contains a number of front-end interview questions that can be used when vetting potential candidates.


# Frontend

## 1. [Frontend Interview Handbook](https://github.com/yangshun/front-end-interview-handbook)
Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:

## 2. [Frontend Checklist](https://github.com/thedaviddias/Front-End-Checklist)
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

## 3. [Frontend Performance Checklist](https://github.com/thedaviddias/Front-End-Performance-Checklist)
The only Front-End Performance Checklist that runs faster than the others

## 4. [Frontend Bootcamp](https://github.com/microsoft/frontend-bootcamp)
Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

## 5. [Web Dev for Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)
24 Lessons, 12 Weeks, Get Started as a Web Developer

## 6. [Developer Handbook](https://github.com/apptension/developer-handbook)
An opinionated guide on how to become a professional Web/Mobile App Developer.

## 7. [Spellbook of Modern Webdev](https://github.com/dexteryy/spellbook-of-modern-webdev)
A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

## 8. [Web Fundamentals](https://github.com/google/WebFundamentals)
Former git repo for WebFundamentals on developers.google.com

## 9. [Design Resources for Beginners](https://github.com/bradtraversy/design-resources-for-developers)
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

## 10. [Frontend Collection](https://github.com/cheatsheet1999/FrontEndCollection)
Notes for Front-end Software Engineers. Covers common data structure and algorithms, basic web concepts, HTML & CSS & Javascript.


# JavaScript

## 1. [You don't know JavaScript](https://github.com/getify/You-Dont-Know-JS/)
This is a series of books diving deep into the core mechanisms of the JavaScript language. This is the second edition of the book series:

## 2. [JavaScript Algorithms](https://github.com/trekhleb/javascript-algorithms?ref=hackernoon.com)
Algorithms and data structures implemented in JavaScript with explanations and links to further readings

## 3. [JavaScript Tutorial](https://github.com/GitbookIO/javascript)
GitBook teaching programming basics with Javascript. This book will teach you the basics of programming and Javascript. Whether you are an experienced programmer or not, this book is intended for everyone who wishes to learn the JavaScript programming language.

## 4. [JavaScript30](https://github.com/wesbos/JavaScript30)
30 Day Vanilla JS Challenge

## 5. [JavaScript Test Driven Learning](https://github.com/MartinChavez/Javascript)
This project is aimed to help the user further study Javascript with a test-driven approach. Each unit contains an annotated tutorial and a platform where you can test your understanding of the topic.

## 6. [JavaScript Advanced Questions](https://github.com/lydiahallie/javascript-questions)
A long list of (advanced) JavaScript questions, and their explanations 

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

## 8. [Awesome JavaScript](https://github.com/sorrycc/awesome-javascript)
A collection of awesome browser-side JavaScript libraries, resources and shiny things

## 9. [Complete JavaScript Course](https://github.com/jonasschmedtmann/complete-javascript-course)
Starter files, final projects, and FAQ for my Complete JavaScript course

## 10. [JavaScript Design Patterns](https://github.com/shichuan/javascript-patterns)
JavaScript Design Patterns


# React.js

## 1. [React Bits](https://github.com/vasanthk/react-bits)
React patterns, techniques, tips and tricks. A bit outdated but still useful.

## 2. [React Atomic Design](https://github.com/danilowoz/react-atomic-design)
How the Atomic Design methodology can create a great design system from scratch and make better developers.


## 3. [React Patterns](https://github.com/reactpatterns/reactpatterns)
React patterns & techniques to use in development for React Developer 

## 4. [Awesome React](https://github.com/enaqx/awesome-react)
A collection of awesome things regarding React ecosystem

## 5. [React Typescript Cheatsheet](https://github.com/typescript-cheatsheets/react)
Cheatsheets for experienced React developers getting started with TypeScript


## 6. [Beautiful React Hooks](https://github.com/antonioru/beautiful-react-hooks)
A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development

## 7. [Primer React](https://github.com/primer/react)
An implementation of GitHub's Primer Design System using React

## 8. [React HackYourFuture](https://github.com/HackYourFuture/React)
This repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"

## 9. [React](https://github.com/reactjs/reactjs.org)
The React documentation website

## 10. [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate)
A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.


# Node.js

## 1. [Awesome Node.js](https://github.com/sindresorhus/awesome-nodejs)
Delightful Node.js packages and resources

## 2. [Node Best Practises](https://github.com/goldbergyoni/nodebestpractices)
The Node.js best practices list

## 3. [Node.js Hackathon Starter](https://github.com/sahat/hackathon-starter)
A boilerplate for Node.js web applications


## 4. [Node.js Getting Started Heroku](https://github.com/heroku/node-js-getting-started)
Getting Started with Node on Heroku

## 5. [Art of Node](https://github.com/maxogden/art-of-node)
A short introduction to Node.js

## 6. [Node.js Guidelines](https://github.com/microsoft/nodejs-guidelines)
Tips, tricks, and resources for working with Node.js, and the start of an ongoing conversation on how we can improve the Node.js experience on Microsoft platforms.

## 7. [Backendlore](https://github.com/fpereiro/backendlore)
Fellow developer's style of writing backend apps from which we can take great lessons.

## 8. [Bullet Proof Node.js](https://github.com/santiq/bulletproof-nodejs)
Implementation of a bulletproof node.js API

## 9. [Node Beginner](https://github.com/manuelkiessling/nodebeginner.org)
A comprehensive Node.js tutorial for beginners

## 10. [Awesome Node.js Projects](https://github.com/sqreen/awesome-nodejs-projects)
Curated list of awesome open-source applications made with Node.js

# Programming Roadmaps

## 1. [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)
Interactive roadmaps, guides and other educational content to help developers grow in their careers.

## 2. [C++ Roadmap](https://github.com/salmer/CppDeveloperRoadmap)
Roadmap for learning the C++ programming language for beginners and experienced devs.

## 3. [Java Developer Roadmap](https://github.com/s4kibs4mi/java-developer-roadmap)
Roadmap to becoming a Java developer in 2022

## 4. [Python Roadmap](https://github.com/DjangoEx/python-engineer-roadmap)
Pyhon developer roadmap in 2022

## 5. [DevOps Roadmap](https://github.com/milanm/DevOps-Roadmap)
DevOps Roadmap for 2022. with learning resources

## 6. [PHP Developer Roadmap](https://github.com/thecodeholic/php-developer-roadmap)
This is PHP Developer Roadmap. Following this path will guarantee to become a good PHP Developer. The repository is created when working on the following YouTube video PHP Developer roadmap - How to Become a PHP Developer in 2021.

## 7. [Machine Learning Roadmap](https://github.com/mrdbourke/machine-learning-roadmap)
A roadmap connecting many of the most important concepts in machine learning, how to learn them and what tools to use to perform them.

## 8. [React Roadmap](https://github.com/GomaGoma676/react-roadmap-2022)
This is the "React learning roadmap in 2022. It's well suited for Intermediate to Advanced React developers

## 9. [AspNetCore Developer Roadmap](https://github.com/MoienTajik/AspNetCore-Developer-Roadmap)
Roadmap to becoming an ASP.NET Core developer in 2022

## 10. [Cyber Security Roadmap](https://github.com/0xTRAW/Cybersecurity-Roadmap)
Cyber Security Roadmap in 2022


# Algorithms and Data Structures

## 1. [The Algorithms](https://github.com/TheAlgorithms)
Open Source resource for learning Data Structures & Algorithms and their implementation in any Programming Language

## 2. [Awesome Algorithms](https://github.com/tayllan/awesome-algorithms)
A curated list of awesome places to learn and/or practice algorithms. Inspired by awesome-awesomeness and all the other awesome Awesome libraries.

## 3. [DSA Bootcamp Java](https://github.com/kunal-kushwaha/DSA-Bootcamp-Java)
This repository consists of the code samples, assignments, and notes for the Java Data Structures & Algorithms bootcamp of Community Classroom.

## 4. [The Complete FAANG Preperation](https://github.com/AkashSingh3031/The-Complete-FAANG-Preparation)
This repository contains all the DSA (Data-Structures, Algorithms, 450 DSA by Love Babbar Bhaiya, FAANG Questions), Technical Subjects (OS + DBMS + SQL + CN + OOPs) Theory+Questions, FAANG Interview questions, and Miscellaneous Stuff (Programming MCQs, Puzzles, Aptitude, Reasoning)

## 5. [LeetCode Patterns](https://github.com/seanprashad/leetcode-patterns)
A pattern-based approach for learning technical interview questions

## 6. [DSA on JavaScript](https://github.com/amejiarosario/dsa.js-data-structures-algorithms-javascript)
Data Structures and Algorithms explained and implemented in JavaScript

## 7. [Algo Deck](https://github.com/teivah/algodeck)
An Open-Source Collection of 200+ Algorithmic Flash Cards to Help you Preparing your Algorithm & Data Structure Interview

## 8. [Algorithms and Data Structures](https://github.com/mandliya/algorithms_and_data_structures)
180+ Algorithm & Data Structure Problems using C++

## 9. [Leet Code DSA](https://github.com/fishercoder1534/Leetcode)
Solutions to LeetCode problems; updated daily.

## 10. [Algorithms](https://github.com/felipernb/algorithms.js)
Atwood's Law applied to CS101 - Classic algorithms and data structures implemented in JavaScript


# Design Patterns and System Design

## 1. [Java Design Pattersn](https://github.com/iluwatar/java-design-patterns)
Design patterns implemented in Java


## 2. [System Design Primer](https://github.com/donnemartin/system-design-primer)
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

## 3. [Awesome Scalability](https://github.com/binhnguyennus/awesome-scalability)
The Patterns of Scalable, Reliable, and Performant Large-Scale Systems

## 4. [Python Patterns](https://github.com/faif/python-patterns)
A collection of design patterns/idioms in Python

## 5. [Design Patterns for Humans](https://github.com/kamranahmedse/design-patterns-for-humans)
An ultra-simplified explanation to design patterns


## 6. [Design Patterns PHP](https://github.com/DesignPatternsPHP/DesignPatternsPHP)
sample code for several design patterns in PHP 8


## 7. [Go Patterns](https://github.com/tmrts/go-patterns)
Curated list of Go design patterns, recipes and idioms


## 8. [Awesome Design Patterns](https://github.com/DovAmir/awesome-design-patterns)
A curated list of software and architecture related design patterns.


## 9. [Modular Monolith with TDD](https://github.com/kgrzybek/modular-monolith-with-ddd)
Full Modular Monolith application with Domain-Driven Design approach.


## 10. [Domain Driven Hexagon](https://github.com/Sairyss/domain-driven-hexagon)
Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included

## 11. [Design Patterns in Typescript](https://github.com/torokmark/design_patterns_in_typescript)
Design pattern implementations in TypeScript

## 12. [System Design Interview](https://github.com/checkcheckzz/system-design-interview)
System design interview for IT companies

## 13. [System Design](https://github.com/karanpratapsingh/system-design)
Learn how to design systems at scale and prepare for system design interviews


## 14. [Machine Learning Systems Design](https://github.com/chiphuyen/machine-learning-systems-design)
A booklet on machine learning systems design with exercises. NOT the repo for the book "Designing Machine Learning Systems"



# General

## 1. [Awesome webcomponents](https://github.com/obetomuniz/awesome-webcomponents)
A curated list of awesome Web Components tools, articles and resources.

## 2. [Big List of Naughty Strings](https://github.com/minimaxir/big-list-of-naughty-strings)
The Big List of Naughty Strings is an evolving list of strings which have a high probability of causing issues when used as user-input data.

## 3. [Free Programming Books](https://github.com/EbookFoundation/free-programming-books)
Freely available programming books, podcasts.

## 4. [Coding Interview University](https://github.com/jwasham/coding-interview-university)
The items listed here will prepare you well for a technical interview at just about any software company, including the giants: Amazon, Facebook, Google, and Microsoft.

## 5. [Public APIs](https://github.com/public-apis/public-apis)
A collective list of free APIs for use in software and web development

## 6. [Build Your own X](https://github.com/codecrafters-io/build-your-own-x?ref=hackernoon.com)
Master programming by recreating your favorite technologies from scratch.

## 7. [Automatic Udemy Course Enroller for Free](https://github.com/aapatre/Automatic-Udemy-Course-Enroller-GET-PAID-UDEMY-COURSES-for-FREE?ref=hackernoon.com)
Do you want to LEARN NEW STUFF for FREE? Don't worry, with the power of web-scraping and automation, this script will find the necessary Udemy coupons & enroll you for PAID UDEMY COURSES, ABSOLUTELY FREE!

## 8. [Sherlock Project](https://github.com/sherlock-project/sherlock?ref=hackernoon.com)
Hunt down social media accounts by username across social networks

## 9. [SDE Interview Questions](https://github.com/twowaits/SDE-Interview-Questions)
Most comprehensive list 📋 of tech interview questions 📘 of companies scraped from Geeksforgeeks, CareerCup and Glassdoor.

## 10. [Complete Placement Preparation](https://github.com/anushka23g/Complete-Placement-Preparation)
This repository consists of all the material required for cracking the coding rounds and technical interviews during placements.