Handful Github Repos for Full stack web developer
Tags: github, javascript, fullstack, webdev
Published: 2021-10-22 05:02:13

This article contains a list of useful GitHub repositories to help full-stack web developers to improve their skills. 

It is structured in the following order,

- Roadmap
- Front end developer resources
- Backend developer resources
- Full-stack developer resources
- Web development tools
- Projects based learning 
- Free books and additional tools



### 1. [Web Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)

The roadmap is a guided way to start your journey to become a full stack developer. This repo contains the roadmap for a complete front-end, back-end and dev-ops learning pathway.


![Screenshot 2021-09-29 at 9.25.28 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632930953254/VGpH7sz8f.png)


### 2. [Design resources for Developers](https://github.com/bradtraversy/design-resources-for-developers)

It contains the curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more.


![Screenshot 2021-09-29 at 9.28.29 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931132372/h8H-XZ416l.png)

### 3. [Frontend Web Development Resources](https://github.com/RitikPatni/Front-End-Web-Development-Resources) 

A practical journey of tools and resources to become front-end Web Developers.


![Screenshot 2021-09-29 at 9.29.32 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931187932/VKfWHtvsX.png)


### 4. [Frontend Dev Bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)

The curated collection of resources for frontend web developers for appearance, architecture, compatibility, user interface and a lot more.


![Screenshot 2021-09-29 at 9.33.43 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931437119/VjcRZPEiS.png)

### 5. [Frontend Interview Handbook](https://github.com/yangshun/front-end-interview-handbook)

Contains Front End interview preparation materials for developers includes - pop quizzes, coding, front end system design and more!


![Screenshot 2021-09-29 at 9.35.08 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931521605/xiwdGndHV.png)

### 6. [Awesome Backend Engineer](https://github.com/zhashkevych/awesome-backend)

A curated and opinionated list of resources for backend developers includes resources for networking, databases, security, architecture and more.


![Screenshot 2021-09-29 at 9.37.00 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931639670/5QPWNuDY5.png)


### 7. [Ultimate Node js resources](https://github.com/DHANUSHXENO/Ultimate-NodeJs-Resources)

This repo contains resources for Nodejs includes Github repos, books, blogs, youtube videos to refer and more.


![Screenshot 2021-09-29 at 9.39.43 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931807823/Hqf9zL1Pp.png)

### 8. [JavaScript Algorithms and Data Structures](https://github.com/trekhleb/javascript-algorithms)

It contains Js based examples of many popular algorithms and data structures.

Each algorithm and data structure has its own related explanations and links for further reading (including YouTube videos).


![Screenshot 2021-09-29 at 9.41.11 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931888084/3NVAfFPsQ.png)

### 9. [30 seconds of code](https://github.com/30-seconds/30-seconds-of-code)

It contains a wide variety of ES6 helper functions includes helpers for dealing with primitives, arrays and objects, as well as algorithms, DOM manipulation functions and Node.js utilities.


![Screenshot 2021-09-29 at 9.42.21 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632931953290/abxRy3tza.png)

### 10. [Become a Full Stack Web Developer ]()

It contains free resources for learning Full Stack Web Development which includes a complete learning journey to become a full-stack web developer.


![Screenshot 2021-09-29 at 9.43.20 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932011333/YzXXn4fMq.png)

### 11. [Web Development Resources](https://github.com/markodenic/web-development-resources)


Tools for web development includes illustrations, icons, fonts, templates, libraries and a lot more.


![Screenshot 2021-09-29 at 9.44.09 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932082437/13A4HMokIp.png)

### 12. [Free for Dev](https://github.com/ripienaar/free-for-dev)

It contains a complete list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.


![Screenshot 2021-09-29 at 9.45.28 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932140332/q1FHMkJPp.png)

### 13. [Tech Interview Handbook](https://github.com/yangshun/tech-interview-handbook)

Curated technical interview preparation materials to clear technical interviews.

![Screenshot 2021-09-29 at 9.46.44 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932217084/8-wMVUWYI.png)

### 14. [Project-Based Learning ](https://github.com/practical-tutorials/project-based-learning)

"Learn by doing" is the best approach to learn to code. 

Here are programming tutorials in which you can learn to build an application from scratch. 

These tutorials are divided into different primary programming languages.

![Screenshot 2021-09-29 at 9.47.47 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932277599/iXjngmzkf.png)

### 15. [Free Programming Books](https://github.com/EbookFoundation/free-programming-books)

Contains the list of books and resources for all programming languages in many languages.

![Screenshot 2021-09-29 at 9.48.54 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932346893/Yc8IBSdiI.png)


### 16. [Awesome ](https://github.com/sindresorhus/awesome)

It contains Awesome lists about all kinds of interesting topics.


![Screenshot 2021-09-29 at 9.49.51 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632932402343/wE9by_g4M.png)

Thanks for taking your time and reading this article, it was originally written as Twitter [thread](https://twitter.com/code_rams/status/1443211619090243590), and posted in my personal blog [ramyachinnadurai.in](https://ramyachinnadurai.in/handful-github-repos-for-full-stack-web-developer). If you have any suggestions or ideas to share feel free to contact me on  [Twitter](https://twitter.com/code_rams).