{"id":31758382,"url":"https://github.com/im-vishu/webdev-toolbox","last_synced_at":"2026-04-11T14:02:32.069Z","repository":{"id":313806753,"uuid":"1052776045","full_name":"im-vishu/webdev-toolbox","owner":"im-vishu","description":"A complete hub of web development resources with 150+ links to docs, tools, tutorials, and communities.","archived":false,"fork":false,"pushed_at":"2025-09-08T17:38:41.000Z","size":59,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-09T21:30:05.236Z","etag":null,"topics":["css","databases","developer-tools","github","html","nodejs","react","resources","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/im-vishu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-08T14:29:48.000Z","updated_at":"2025-09-08T17:38:44.000Z","dependencies_parsed_at":"2025-09-09T21:30:48.123Z","dependency_job_id":null,"html_url":"https://github.com/im-vishu/webdev-toolbox","commit_stats":null,"previous_names":["vishant-chaudhary31/webdev-toolbox","im-vishu/webdev-toolbox"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/im-vishu/webdev-toolbox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/im-vishu%2Fwebdev-toolbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/im-vishu%2Fwebdev-toolbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/im-vishu%2Fwebdev-toolbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/im-vishu%2Fwebdev-toolbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/im-vishu","download_url":"https://codeload.github.com/im-vishu/webdev-toolbox/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/im-vishu%2Fwebdev-toolbox/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002015,"owners_count":26083258,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","databases","developer-tools","github","html","nodejs","react","resources","webdevelopment"],"created_at":"2025-10-09T20:24:58.547Z","updated_at":"2025-10-09T20:25:02.367Z","avatar_url":"https://github.com/im-vishu.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cdiv\u003e\n    \u003cimg width=\"500\" src=\"media/logo.svg\" alt=\"WebDev Toolbox\"\u003e\n  \u003c/div\u003e\n  \u003c/br\u003e\n  \u003ch6\u003eThe Complete Web Development Resource Hub\u003c/h6\u003e\n  \u003cp\u003e\n    \u003cspan style=\"font-weight: bold\"\u003eCreated \u0026 Maintained by Vishant Chaudhary\u003c/span\u003e\n    \u003c/br\u003e\n    \u003csub\u003eConnect with me on \n      \u003ca href=\"https://www.linkedin.com/in/vishant--chaudhary\"\u003eLinkedIn\u003c/a\u003e, \n      \u003ca href=\"https://x.com/iam_vishant/\"\u003eTwitter\u003c/a\u003e.\n    \u003c/sub\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n---\n\nThis repository is your **all-in-one collection of web development resources**.  \nIt brings together more than **150 carefully curated links** covering frontend, backend, tools, and communities — everything you need to learn, build, and grow as a developer.  \n\n---\n\n\nThis is a complete web development resource you need to build your next project. More than 150+ resources are included here. Feel free to explore and use in your projects.\n\n---\n\n## Contents\n\n- [Developer Roadmaps](#-developer-roadmaps)\n- [Documentations and Cheatsheets](#-documentations-and-cheatsheets)\n- [Design Tools](#-design-tools)\n- [How the WEB works?](#-how-the-web-works)\n- [HTML and CSS](#-html-and-css)\n- [Front End Challenges or Skills](#-front-end-challenges-or-skills)\n- [Fonts and Typography](#-fonts-and-typography)\n- [Colors and Tools](#-colors-and-tools)\n- [Image Resources](#-image-resources)\n- [Illustrations](#-illustrations)\n- [Icons](#-icons)\n- [Generators](#-generators)\n- [Accessibility](#-accessibility)\n- [Site Analyzers](#-site-analyzers)\n- [Terminals for Windows](#-terminals-for-windows)\n- [Online IDE, Editor](#-online-ide-editor)\n- [JavaScript](#-javascript)\n- [Node.js](#-nodejs)\n- [Python](#-python)\n- [React](#-react)\n- [APIs](#-apis)\n- [Developer Tools](#-developer-tools)\n- [Online Learning Resources](#-online-learning-resources)\n- [Resume](#-resume)\n- [Others](#-others)\n- [Developer Blog Sites](#-developer-blog-sites)\n- [YouTube Channels](#-youtube-channels)\n\n## Resources\n\n### 💻 DEVELOPER ROADMAPS\n\n- [Frontend](https://roadmap.sh/frontend) - Frontend Development Roadmap.\n- [Backend](https://roadmap.sh/backend) - Backend Development Roadmap.\n- [React](https://roadmap.sh/react) - React Development Roadmap.\n- [Android](https://roadmap.sh/android) - Android Development Roadmap.\n- [DevOps](https://roadmap.sh/devops) - DevOps Roadmap.\n\n### 📚 DOCUMENTATIONS AND CHEATSHEETS\n\n- [MDN Web Docs](https://developer.mozilla.org/en-US/) - The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.\n- [DevDocs](https://devdocs.io) - Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.\n- [DEVHINTS](https://devhints.io) - A modest collection of cheatsheets.\n- [FLEX - Malven](https://flexbox.malven.co) - A visual cheatsheet for CSS flex layout.\n- [GRID - Malven](https://grid.malven.co) - A visual cheatsheet for CSS grid layout.\n- [CSS Grid Cheat Sheet](https://alialaa.github.io/css-grid-cheat-sheet/) - Your ultimate CSS grid visual guide.\n- [OverAPI](https://overapi.com) - Collection Of Cheat Sheets.\n- [Awesome Cheatsheets](https://lecoupa.github.io/awesome-cheatsheets/) - Awesome cheatsheets for popular programming languages, frameworks and development tools.\n- [GitSheet](https://gitsheet.wtf) - A dead simple git cheatsheet.\n- [HTML5 Doctor](http://html5doctor.com/element-index/) - This is a quick reference of elements that are new or have been redefined in HTML5.\n- [HTML5 Canvas Cheat Sheet ](https://simon.html5.org/dump/html5-canvas-cheat-sheet.html) - HTML5 Canvas Cheat Sheet.\n- [Cheatography](https://cheatography.com/programming/) - Programming Cheat Sheets.\n- [CSS 3, Media Queries Cheat Sheet](https://mac-blog.org.ua/css-3-media-queries-cheat-sheet/) - CSS 3, Media Queries Cheat Sheet.\n- [SEO Cheat Sheet](https://moz.com/learn/seo/seo-cheat-sheet) - The Web Developer's SEO Cheat Sheet.\n- [Bootstrap 5 Cheat Sheet](https://bootstrap-cheatsheet.themeselection.com/) - ThemeSelection's Bootstrap 5 Cheat Sheet.\n\n### 🎭 DESIGN TOOLS\n\n- [Figma](https://www.figma.com) - Figma helps teams create, test, and ship better designs from start to finish.\n- [Adobe XD](https://www.adobe.com/products/xd.html) - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it's all right here, all in one place.\n- [Sketch](https://www.sketch.com) - 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.\n- [Whimsical](https://whimsical.com) - Communicate visually at the speed of thought – collaborative flowcharts, wireframes, sticky notes, and mind maps.\n- [Undesign](https://undesign.learn.uno) - Collection of free design tools and resources for makers, developers and designers.\n- [FlyonUI](https://flyonui.com/) - The Easiest Components Library For Tailwind CSS.\n- [Shadcn Studio](https://shadcnstudio.com/) - Preview your theme changes across different components and layouts.\n\n### 🌐 HOW THE WEB WORKS?\n\n- [How the Internet Works Video](https://www.youtube.com/watch?v=x3c1ih2NJEg) - How does the Internet Works?\n- [How the Internet Works Brief Videos](https://www.youtube.com/playlist?list=PLzdnOPI1iJNfMRZm5DDxco3UdsFegvuB7) - A brief explanations on, how does the Internet works?\n- [DNS](https://howdns.works) - How DNS works?\n- [HTTPS](https://howhttps.works) - How HTTPS works?\n\n### 🖼 HTML AND CSS\n\n- [freeCodeCamp](https://www.freecodecamp.org/learn) - Free course to learn Web Development.\n- [Interneting Is Hard](https://www.internetingishard.com) - Friendly web development tutorials for complete beginners.\n- [Learn to Code HTML \u0026 CSS](https://learn.shayhowe.com) - The guide covers a variety of web design and development topics, ranging from beginner to advanced skill levels.\n- [HTML Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) - HTML elements reference by MDN.\n- [HTML Entity](https://css-tricks.com/snippets/html/glyphs/) - HTML Entity Reference by CSS-Tricks.\n- [HTML Shark](https://html-shark.com) - Smart moves and dirty tricks for coding websites, effects and elements in HTML.\n- [CSS3 Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) - CSS reference by MDN.\n- [CSS Reference](https://cssreference.io) - A free visual guide to CSS.\n- [CSS Layout](https://csslayout.io) - A collection of popular layouts and patterns made with CSS.\n- [Modern CSS Solutions](https://moderncss.dev) - A series examining modern CSS solutions to problems.\n- [CSS Diner](https://flukeout.github.io) - A fun game to help you learn and practice CSS selectors.\n- [Flexbox Froggy](https://flexboxfroggy.com) - A game that helps you to learn CSS Flex.\n- [CSS TRICKS - Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - A Complete Guide to Flexbox.\n- [Grid by Example](https://gridbyexample.com) - Everything you need to learn CSS Grid Layout.\n- [Grid Garden](https://cssgridgarden.com) - A game for learning CSS Grid.\n- [CSS TRICKS - A Complete Guide to Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) - A comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.\n- [Learn CSS Grid](https://learncssgrid.com) - A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.\n- [Can I Use](https://caniuse.com) - Up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.\n- [CSS Effects](https://web.archive.org/web/20201108000840/https://emilkowalski.github.io/css-effects-snippets/) - CSS animations.\n- [UI Snippets](https://ui-snippets.dev/) - Even more CSS animations.\n- [Keyframes](https://keyframes.app) - Create basic or complex CSS @keyframe animations with a visual timeline editor.\n- [Animista](https://animista.net) - Play with a collection of ready to use CSS animations.\n- [BEM](https://9elements.com/bem-cheat-sheet) - BEM naming cheat sheet.\n- [Autoprefixer](https://autoprefixer.github.io) - Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes.\n- [CSS Formatter](https://www.cleancss.com/css-beautify/) - Online CSS Formatter, CSS Beautifier.\n- [Placeholder](https://placeholder.com) - How To Use Our Placeholders. Just specify the image size after our URL and you'll get a placeholder image.\n- [DevProjects](https://www.codementor.io/projects/html_css) - Practice your coding skills with free HTML/CSS projects. Projects vary from beginner to advanced level.\n- [HTML Cheat Sheet](https://www.interviewbit.com/html-cheat-sheet/) - A Complete HTML Cheat Sheet to help you master HTML.\n- [CSS Cheat Sheet](https://www.interviewbit.com/css-cheat-sheet/) - Brush up on your CSS Skills with this comprehensive Cheat Sheet.\n- [HTML and HTML5 Interview Questions](https://www.interviewbit.com/html-interview-questions/) - A Complete list of HTML Interview Questions to help you ace your interview.\n- [ReadyTools HTML Structure Generator](https://www.readytools.co/code-hub/html-structure/) - Generate HTML Structures in seconds. Use Bootstrap or your style/javascript.\n- [ReadyTools Components Generator](https://www.readytools.co/code-hub/components/) - Generate HTML Components easily.\n- [ReadyTools Generated Buttons](https://www.readytools.co/code-hub/buttons/) - Copy fancy buttons with one click and use it on your website.\n- [ReadyTools HTML Minifier](https://www.readytools.co/code-hub/html-minifier/) - Compress your HTML files for faster loading times and better performance.\n- [HTMLrev](https://htmlrev.com/) - HTMLrev provides free HTML templates for websites and landing pages.\n\n## 🖥 FRONT END CHALLENGES OR SKILLS\n\n- [CodePen](https://codepen.io) - Build, share, and learn JavaScript, CSS, and HTML with our online code editor\n- [Frontend Mentor](https://www.frontendmentor.io) - Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working on professional designs.\n- [Good Code](https://moeminm.github.io/goodcode/) - Browse through dozens of front end coding challenges, complete with Adobe XD files and styleguides.\n- [codier](https://codier.io) - Explore and attempt front-end coding challenges.\n- [CSSBattle](https://cssbattle.dev) - CSS code-golfing is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.\n\n### 🖋 FONTS AND TYPOGRAPHY\n\n- [Google Fonts](https://fonts.google.com) - The #1 resource for free and easy-to-use webfonts.\n- [Fonts Arena](https://fontsarena.com) - Free fonts, free alternatives to premium fonts, done-for-you-research articles.\n- [Fontjoy](https://fontjoy.com) - Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.\n- [FontPair](https://fontpair.co) - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.\n- [Font Playground](https://play.typedetail.com) - Play with variable fonts.\n- [Font Anything](https://app.typeanything.io) - Type Anything is a free and awesome typography tool to create and test font combinations for your projects.\n\n### 🌈 COLORS AND TOOLS\n\n- [Coolors](https://coolors.co) - Generate or browse beautiful color combinations for your designs.\n- [0to255](https://www.0to255.com) - A color tool that makes it easy to lighten and darken colors.\n- [ColorBox](https://colorbox.io) - Create amazing color sets superfast.\n- [color x color](https://colorcolor.in) - A tool to create accessible color systems for UIs\n- [Colors and Fonts](https://www.colorsandfonts.com) - Find colors and typography combinations ready to copy paste in one click.\n- [ColorSpace](https://mycolor.space) - Generate nice Color Palettes.\n- [CSS Gradient](https://cssgradient.io) - Free css gradient generator tool.\n- [uiGradients](uigradients.com) - A handpicked collection of beautiful color gradients for designers and developers.\n- [Picular](https://picular.co) - The color of anything.\n- [Colorable](https://colorable.jxnblk.com) - Choose font colors based on your background color.\n- [Happy Hues](https://www.happyhues.co) - Curated colors in context.\n- [Branition Colors](https://branition.com/colors) - Hand-curated collection of color pallets best fitted for branding.\n- [Color Picker](https://www.readytools.co/tools/color-picker/) - Get a free color picker with color names, hex, rgb and hsl codes.\n- [Color Palettes](https://www.readytools.co/color-palette/) - Free categorized Color Palettes for your projects. Get hex and rgb codes.\n- [Color Contrast Checker](https://www.readytools.co/color/color-contrast-checker/) - Check color contrast easily to ensure your designs are accessible and visually appealing.\n- [Color Gradient Generator](https://www.readytools.co/color/color-gradient-generator/) - Create stunning color gradients effortlessly.\n\n### 📷 IMAGE RESOURCES\n\n- [Unsplash](https://unsplash.com) - Free images and photos.\n- [Pexels](https://www.pexels.com) - Free stock photos.\n- [Pixabay](https://pixabay.com) - Free image or video.\n- [LOADING.IO](https://loading.io) - Free spinner for your projects.\n- [LottieFiles](https://lottiefiles.com) - LottieFiles is a collection of animations designed for Lottie - gone are the days of bugging your developer.\n- [removebg](https://www.remove.bg) - Remove Image Background.\n- [Remove Photo Data](removephotodata.com/) - Remove personal data from photos before sharing them on the internet.\n- [befunky](https://www.befunky.com) - BeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages.\n\n### 🎨 ILLUSTRATIONS\n\n- [unDraw](https://undraw.co/illustrations) - Browse to find the illustrations that fit your needs and click to download.\n- [manypixels](https://www.manypixels.co/gallery/) - Free illustrations to power up your projects. Use them in a commercial or non-commercial way for your landing pages, blog posts, email newsletters, social media graphics and more.\n- [DrawKit](https://www.drawkit.io) - Hand-drawn vector illustration and icon resources, perfect for your next project.\n- [freepik](https://www.freepik.com) - Free graphic resources.\n- [Illustrations figma](https://www.artify.co/illustrations-figma) - More than 5000 vector illustrations you can use inside Figma. All the figma illustrations are in SVG \u0026 PNG formats and includes styles like flat, lined, abstract and more.\n- [Vector Illustrations](https://www.artify.co/vector-illustrations) - Search over 5000 vector illustrations and more than 70 design styles, with an integrated editor to adjust the design at you wish.\n\n### 💧 ICONS\n\n- [Ionicons](https://ionicons.com) - Open-Sourced and MIT licensed icon pack.\n- [Font Awesome](https://fontawesome.com) - Vector icons and social logos.\n- [Material Icons](https://material.io/resources/icons/?style=baseline) - Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.\n- [Icones](https://icones.js.org) - Icons collection.\n- [icons8](https://icons8.com/icons) - Download free icons in PNG and SVG.\n- [flaticon](https://www.flaticon.com) - Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.\n- [Tabler Icons](https://tablericons.com) - Fully customizable free SVG icons.\n- [icofont](https://icofont.com/icons) - 2100+ free icons to spice up your creative designs.\n- [Simple Icons](https://simpleicons.org) - 1463 Free SVG icons for popular brands.\n- [Get Emoji](http://getemoji.com) - ✂️ Copy and 📋 Paste Emoji 👍.\n- [Ikonate](https://ikonate.com) - Customizable icons pack.\n- [useAnimations](https://useanimations.com) - Free animated icons.\n- [3dicons](https://www.3dicons.com/) - A collection of over 5000 3D icons and characters with 4k resolution, each icon delivered in 5 color palettes, front and perspective views.\n- [Iconshock](https://www.iconshock.com/) - The biggest icon pack with over 2 million professional icons in +400 icon sets with more than 30 design styles: material, flat, 3d, realistic, iOS, and more.\n\n### ⚙ GENERATORS\n\n- [Lorem Ipsum](https://loremipsum.io) - Lorem Ipsum generator.\n- [RealFaviconGenerator](https://realfavicongenerator.net) - Favicon generator\n- [Favicon Maker](https://formito.com/tools/favicon) - Free Favicon maker.\n- [App Icon Generator](https://launchyourapp.dev/tools/app-icon-generator) - App Icon Generator.\n- [Meta Tags](https://metatags.io) - Meta Tags generator, preview how your webpage will look on Google, Facebook, Twitter and more!\n- [Clippy](https://bennettfeely.com/clippy/) - CSS clip-path maker.\n- [i Hate Regex](https://ihateregex.io) - i Hate Regex is a regex cheat sheet that also explains the commonly used expressions so that you understand it.\n- [Regex101](https://regex101.com) - Online regex tester.\n- [Pyrexp](https://pythonium.net/regex) - Online visual regex tester.\n- [Web Code Tools](https://webcode.tools) - Generate HTML5, CSS3, Microdata, JSON-LD, Twitter Cards, Open Graph and more!\n- [Carbon](https://carbon.now.sh) - Create and share beautiful images of your source .\n- [CSS Grid Generator](https://grid.layoutit.com) - Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.\n- [CSS Scroll Shadows](https://css-scroll-shadows.now.sh) - Adjust the controls (👇) and see the CSS scroll shadows change.\n- [CSS Shadow Generator](https://brumm.af/shadows) - Make a smooth shadow.\n- [Haikei](https://haikei.app) - Generate unique SVG design assets.\n- [transform](https://transform.tools) - Transform | A polyglot web converter.\n- [Perflink | JS Benchmarks](https://perf.link) - JavaScript performance benchmarks you can share via URL.\n- [Optimizeimages](https://www.optimizeimages.com) - Optimize images online with this free tool, compress \u0026 convert images in PNG, JPEG, SVG, AVIF, WebP and GIF formats, and even get picture HTML tags for correct implementation.\n- [ReadyTools HTML and CSS Generator](https://www.readytools.co/code-hub/) - Effortlessly create HTML and CSS code with ReadyTools Code Hub. Enhance your website's appearance by copying generated buttons.\n\n### 👓 ACCESSIBILITY\n\n- [Accessibility Blog - Medium](https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94) - Seven easy-to-implement guidelines to design a more accessible web.\n- [Accessibility Blog - Dev](https://dev.to/erhannah/13-ways-to-level-up-your-site-s-accessibility-22c6) - 13 ways to level up your site's accessibility.\n- [Accessibility Cheatsheet](https://moritzgiessmann.de/accessibility-cheatsheet) - Practical approaches to Universal Design for making your website/webapp accessible to everyone.\n\n### 📉 SITE ANALYZERS\n\n- [web.dev](web.dev/measure) - See how well your website performs. Then, get tips to improve your user experience.\n- [Lighthouse Metrics](lighthouse-metrics.com) - Lighthouse Metrics provides easy insights for your site's performance.\n\n### 📄 TERMINALS FOR WINDOWS\n\n- [Windows Terminal](https://www.microsoft.com/en-us/p/windows-terminal/9n0dx20hk701?activetab=pivot:overviewtab)\n- [FluentTerminal](https://github.com/felixse/FluentTerminal)\n- [Hyper](https://hyper.is)\n- [Cmder](https://cmder.net//)\n\n### 📝 ONLINE IDE, EDITOR\n\n- [Repl.it](https://repl.it/)\n- [CodeSandbox](https://codesandbox.io)\n- [CodePen](https://codepen.io)\n- [JS Bin](https://jsbin.com/)\n- [JSFiddle](https://jsfiddle.net/)\n- [goormIDE](https://ide.goorm.io)\n- [InterviewBit](https://ide.new/c)\n- [CodiLink](https://codi.link)\n- [OneCompiler](https://onecompiler.com/)\n\n### ⚡ JAVASCRIPT\n\n- [freeCodeCamp](https://www.freecodecamp.org/learn) - Best free resource to learn JavaScript interactively.\n- [Codecademy](https://www.codecademy.com/learn/introduction-to-javascript) - Free course to learn JavaScript interactively.\n- [JavaScript.info](https://javascript.info) - Modern JavaScript Tutorial.\n- [JavaScripture](https://www.javascripture.com) - JavaScripture.com is a testing ground and reference for all JavaScript APIs.\n- [Eloquent JavaScript](https://eloquentjavascript.net) - This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here.\n- [JavaScript30](https://javascript30.com) - 30 days vanilla JS coding challenge. Build 30 things in 30 days with 30 tutorials.\n- [How JavaScript works](https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5)\n- [JavaScript Reference By MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference)\n- [JavaScript Event Reference](https://developer.mozilla.org/en-US/docs/Web/Events)\n- [JavaScript Tutorial](https://www.scaler.com/topics/javascript/) - Learn important concepts in JavaScript such as operators, loops, functions, OOPs, and much more.\n- [DOM Manipulation Reference](http://youmightnotneedjquery.com)\n- [JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)\n- [RegexOne](https://regexone.com) - Learn Regular Expressions with simple, interactive exercises.\n- [Scaler](https://www.scaler.com/topics/javascript/) - Best Free Resources to learn JavaScript by top geeks.\n- [JavaScript Cheat Sheet](https://www.interviewbit.com/javascript-cheat-sheet/)- A Complete JavaScript Cheat Sheet to help you master JavaScript.\n- [JavaScript Interview Questions](https://www.interviewbit.com/javascript-interview-questions/) - A Complete list of top JavaScript Interview Questions to help you ace your interview.\n\n### ⚡ NODEJS\n\n- [Node.js Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU) - Node.js Crash Course Tutorial by Net Ninja.\n- [Mixu's Node book](http://book.mixu.net/node/index.html) - A book about using Node.js.\n- [Node JS](https://nodejs.dev/learn) - Node.js original documentation.\n- [30 Days of Node](https://www.nodejsera.com/30-days-of-node.html) - 30 days of node, a node.js tutorial series.\n- [nodebestpractices](https://github.com/goldbergyoni/nodebestpractices) - Huge list of best practices for building node apps. Important for big projects.\n- [The Node Way](http://thenodeway.io) - An entire philosophy of Node.js best practices a0nd guiding principles exists for writing maintainable modules, scalable applications, and code that is actually pleasant to read.\n- [You Don't Know Node.js](https://github.com/azat-co/you-dont-know-node)\n- [Awesome Nodejs](https://github.com/sindresorhus/awesome-nodejs) - Delightful Node.js packages and resources.\n- [Express.js Security Tips](https://www.freecodecamp.org/news/express-js-security-tips/) - How You Can Save and Secure Your App.\n- [Node.js Interview Questions](https://www.interviewbit.com/node-js-interview-questions/) - A Complete list of top Node.js Interview Questions to help you ace your interview.\n\n### ⚡ PYTHON\n\n- [Learn Python Programming](https://pythonbasics.org) - This site contains materials and exercises for the Python 3 programming language.\n- [PY4E](https://www.py4e.com) - Python for Everybody.\n- [Dive Into Python 3](https://diveintopython3.net/index.html) - Dive Into Python 3 covers Python 3 and its differences from Python 2. Compared to Dive Into Python, it's about 20% revised and 80% new material. The book is now complete.\n- [Codecademy](https://www.codecademy.com/learn/learn-python) - Free course to learn Python interactively.\n- [Programiz PRO](https://programiz.pro/learn/master-python) - Offers a curated learning path for Python beginners that provides structured, in-depth courses with interactive quizzes, coding challenges, and real-world projects.\n- [Programiz](https://www.programiz.com/python-programming) - Learn Python Programming.\n- [Awesome Python](https://github.com/vinta/awesome-python) - A curated list of awesome Python frameworks, libraries, software and resources.\n- [Flask Tutorial](https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world) - The Flask Mega-Tutorial by Miguel Grinberg.\n- [Scaler Topics](https://www.scaler.com/topics/python/) - Free Resources to learn Python by top geeks.\n- [Python Interview Questions](https://www.interviewbit.com/python-interview-questions/) - A Complete list of top Python Interview Questions to help you ace your interview.\n- [Python Cheat Sheet](https://www.interviewbit.com/python-cheat-sheet/)- A Comprehensive Cheat Sheet to help you master Python.\n- [Python Tutorial](https://wiingy.com/learn/python/python-overview/) - Python Tutorial: A Comprehensive Guide for Beginners\n- [Python Developer Skills](https://www.scaler.com/blog/python-developer-skills/) - Boost your tech career with 20+ Python developer skills you need in 2024.\n\n### ⚡ REACT\n\n- [React](https://reactjs.org) - Official site documentations, tutorial.\n- [Codecademy](https://www.codecademy.com/learn/react-101) - Free React course of Codecademy.\n- [freeCodeCamp](https://www.freecodecamp.org/learn) - Free web development resourse, where you can also learn react.\n- [React Tutorial](https://www.youtube.com/watch?v=iZhV0bILFb0) - React Tutorial - Fundamentals, Hooks, Context API, React Router, Custom Hooks by Coding Addict.\n- [React Beach Resort](https://www.youtube.com/watch?v=l0JbuMVXaTs) - React Beach Resort project by Coding Addict.\n- [Awesome React](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem.\n- [React Icons](https://react-icons.github.io/react-icons/) - Include popular icons in your React projects easily with react-icons.\n- [React Interview Questions](https://www.interviewbit.com/react-interview-questions/) - A Complete list of top React Interview Questions to help you ace your interview.\n- [100+ React Redux Interview Questions and Answers (2023)](https://www.adaface.com/blog/react-interview-questions/)-A collection of React Redux Questions and answers.\n\n### 🎮 APIs\n\n- [Public APIs](https://public-apis.io) - A collective list of more than 1000 Free Public and Open REST APIs for developers.\n- [JSONPlaceholder](https://jsonplaceholder.typicode.com) - Free to use fake Online REST API for testing and prototyping.\n- [OpenWeather](https://openweathermap.org/guide) - Simple and fast and free weather API from OpenWeatherMap you have access to current weather data, hourly, 5- and 16-day forecasts.\n- [SWAPI](https://swapi.dev) - The Star Wars API.\n- [Quotes REST API](http://quotes.rest) - They Said So has more than 1 million+ quotes in the database, the largest such database in the world. And Quotes API gives easy way to access the data.\n- [Rapid API](https://rapidapi.com/hub) - Rapid api contains is one of the largest API tool suite which contains lots of free APIs along with their documnetation, a dedeicated section called [Rapid API learn](https://rapidapi.com/learn), which contains guides and tutorials about using and creating APIs.\n\n### 🛠 DEVELOPER TOOLS\n\n- [DevToolLab](https://devtoollab.com) - A comprehensive platform that helps developers discover and explore the best tools for their development workflow. Features tools across various categories with user reviews and recommendations.\n- [Postman](https://www.postman.com) - Postman makes API development easy. Simplify each step of building an API and streamline collaboration so you can create better APIs—faster.\n- [Insomnia](https://insomnia.rest) - Leading Open Source API Client, and Collaborative API Design Platform for GraphQL, and REST.\n- [JSON Server](https://github.com/typicode/json-server) - Get a full fake REST API with zero coding in less than 30 seconds (seriously). Created with \u003c3 for front-end developers who need a quick back-end for prototyping and mocking.\n- [JSONing](https://jsoning.com/api/) - Instantly Mock a REST API from a JSON Object for Testing and Prototyping.\n- [npm trends](https://www.npmtrends.com) - Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner.\n- [BUNDLEPHOBIA](https://bundlephobia.com) - Find the cost of adding a npm package to your bundle.\n\n### 📖 ONLINE LEARNING RESOURCES\n\n- [freeCodeCamp](https://www.w3schools.com) - Learn to code at home. Build projects. Earn certifications.\n- [w3schools](https://www.w3schools.com) - The world's largest Web Developer site. Tutorials references, examples, exercies, certificates.\n- [Codecademy](https://www.codecademy.com/) - Learn the technical skills you need for the job you want. As leaders in online education and learning to code.\n- [Real Python](https://realpython.com) - Learn Python online: Python tutorials for developers of all skill levels, Python books and courses, Python news, code examples, articles, and more.\n- [Study Tonight](https://www.studytonight.com) - Best place to learn Engineering subjects like Core Java, C++, DBMS, Data Structures etc through Hand-written simple Tutorial, Tests, Video tutorials.\n- [Programiz](https://www.programiz.com) - Learn to code in Python, C/C++, Java, and other popular programming languages with our easy to follow tutorials, examples, online compiler and references.\n- [Bold Coder](https://boldcoder.blogspot.com) - Best place to learn Java programming with online tutorials, examples and interview questions.\n- [JavaScript Info](https://javascript.info) - The Modern JavaScript Tutorial.\n- [Command Line Tutorial](https://dev.to/iamismile/command-line-tutorial-58km) - Basic UNIX commands tutorial.\n- [Try Git](https://try.github.io) - An interactive series of challenges to learn about and experiment with Git.\n- [Scaler Topics](https://www.scaler.com/topics/) - Understand how programming works, Learn Python, Java, Data Structure, C/C++ and other popular programming languages with easy to follow tutorials and example programs.\n- [InterviewBit](https://www.interviewbit.com/practice/) - Level up your programming skills with our comprehensive guide containing interview questions, practice problems, coding challenges and alot more.\n- [Scaler Blogs](https://www.scaler.com/blog/) - Navigate the tech career with comprehensive roadmap articles, guiding the tech aspirants from the beginner to expert level in the ever-evolving tech industry.\n- [PerfectBugReport.io](https://www.perfectbugreport.io/) - A simple checklist of the essential items to include in bug reports.\n\n### 🧑 RESUME\n\n- [ResumeGenius](https://resumegenius.com) - The only online resume builder that'll land you interviews. Create a professional resume in minutes, download, and print.\n- [resume.io](https://resume.io) - Free online resume maker, allows you to create a perfect resume in minutes. See how easy it is to write a professional resume and apply for jobs today!\n- [Resume Now](https://www.resume-now.com/resume/builder) - It Only Takes A Few Minutes. An online resume maker shouldn't take long to use—and our free-to-use resume builder doesn't.\n- [Canva](https://www.canva.com/create/resumes/) - With Canva's free resume builder, applying for your dream job is easy and fast. Choose from hundreds of free.\n- [novoresume](https://novoresume.com) - Make a perfect resume in 2020 and get your dream job using the free resume builder. Select a template. Personalize it.\n- [RX-Resume](https://rx-resume.web.app) - Easily build your resume.\n- [Overleaf](https://www.overleaf.com/) - Overleaf is a LaTeX editor which can be used to create ATS friendly resumes.\n- [Resume Worded](https://resumeworded.com/) - Resume Worded can be used to check whether your resume is ATS friendly or not.\n- [Open Resume](https://www.open-resume.com/) - Open Resume is an open source Resume builder and parser.\n\n### 📦 OTHERS\n\n- [mailsac](https://mailsac.com) - Disposable testing email inbox service.\n- [Ethereal Email](https://ethereal.email) - Ethereal is a fake SMTP service, mostly aimed at Nodemailer users (but not limited to).\n- [HTTP Status Codes](https://httpstatuses.com) - HTTP Status Code directory, with definitions, details and helpful code references.\n- [Play With Docker](https://labs.play-with-docker.com) - A simple, interactive and fun playground to learn Docker.\n- [Tiny Helpers](https://tiny-helpers.dev) - A collection of free single-purpose online tools for web developers.\n- [Free for Developers](https://free-for.dev#/) - This is a list of software and other offerings that have free tiers for developers.\n- [Dev Resources](https://devresourc.es) - Dev Resources has everything for your developer journey, all presented in curated lists.\n- [Themeselection](https://themeselection.com) - Selected high quality, modern design, professional and easy-to-use Free Admin Dashboard Template, HTML Themes and UI Kits to create your applications faster.\n- [TshirtDesigns](https://www.tshirtdesigns.com/mockups) - Create your own t shirt and apparel mockups with this free mockup builder.\n\n### 📔 DEVELOPER BLOG SITES\n\n- [DEV](https://dev.to) - A constructive and inclusive social network. Open source and radically transparent.\n- [Medium](https://medium.com) - Medium is an open platform where readers find dynamic thinking, and where expert and undiscovered voices can share their writing on any topic.\n- [Hacker News](news.ycombinator.com) - Get the latest from Hacker News!\n- [Hacker Noon](https://hackernoon.com) - Hacker Noon reflects the technology industry with unfettered stories and opinions written by real tech professionals.\n- [freeCodeCamp News](https://www.freecodecamp.org/news/) - Free Code Camp community news.\n- [Smashing Magazine](https://www.smashingmagazine.com) - Smashing Magazine — for web designers and developers.\n- [Hashnode](https://hashnode.com) - Hashnode is a free content creation platform and community that allows you to publish articles on your own domain.\n\n### 📺 YOUTUBE CHANNELS\n\n- [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)\n- [Traversy Media](https://www.youtube.com/user/TechGuyWeb)\n- [freeCodeCamp.org](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)\n- [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA)\n- [Fireship](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA)\n- [LearnCode.academy](https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw)\n- [Wes Bos](https://www.youtube.com/channel/UCoebwHSTvwalADTJhps0emA)\n- [Codevolution](https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fim-vishu%2Fwebdev-toolbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fim-vishu%2Fwebdev-toolbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fim-vishu%2Fwebdev-toolbox/lists"}