{"id":30254013,"url":"https://github.com/developer-ronnie/zero-to-fullstack-dev","last_synced_at":"2026-02-09T22:01:32.774Z","repository":{"id":305707156,"uuid":"1023629762","full_name":"Developer-RONNIE/zero-to-fullstack-dev","owner":"Developer-RONNIE","description":"A zero to fullstack dev resource in production ! ","archived":false,"fork":false,"pushed_at":"2025-11-04T15:19:56.000Z","size":7346,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-04T17:05:40.787Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Developer-RONNIE.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-07-21T12:58:28.000Z","updated_at":"2025-11-04T15:20:00.000Z","dependencies_parsed_at":"2025-09-22T18:05:17.584Z","dependency_job_id":"7bce0364-0dbd-40e6-8b0f-143471afd857","html_url":"https://github.com/Developer-RONNIE/zero-to-fullstack-dev","commit_stats":null,"previous_names":["developer-ronnie/zero-to-fullstack-dev"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Developer-RONNIE/zero-to-fullstack-dev","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Developer-RONNIE%2Fzero-to-fullstack-dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Developer-RONNIE%2Fzero-to-fullstack-dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Developer-RONNIE%2Fzero-to-fullstack-dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Developer-RONNIE%2Fzero-to-fullstack-dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Developer-RONNIE","download_url":"https://codeload.github.com/Developer-RONNIE/zero-to-fullstack-dev/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Developer-RONNIE%2Fzero-to-fullstack-dev/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29283018,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T21:57:15.303Z","status":"ssl_error","status_checked_at":"2026-02-09T21:57:11.537Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":[],"created_at":"2025-08-15T13:39:21.238Z","updated_at":"2026-02-09T22:01:32.768Z","avatar_url":"https://github.com/Developer-RONNIE.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"https://img.shields.io/badge/HTML_5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/CSS_3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/MongoDB-47A248?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white\" /\u003e\n  \n  \n  \u003ch3 align=\"center\"\u003eZero To Fullstack Dev 🚀\u003c/h3\u003e\n  \u003cdiv align=\"center\"\u003e\n    A complete journey from frontend to backend, including real projects, DSA, and dev notes — all in one repo.\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🔍 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 📁 [Syllabus](#syllabus)\n4. 📌 [How to Use This Repo](#-how-to-use-this-repo)\n \n\n\n\n## 🔍 \u003ca name=\"introduction\"\u003eIntroduction\u003c/a\u003e\n\nWelcome to my **Zero To Fullstack Dev** — a curated, real-time learning path that covers everything from HTML to React, backend with Node.js, databases, DSA in JavaScript, and company-specific problems.  \nThis repo is my second brain: notes, snippets, projects, LeetCode solutions, and blog-ready content.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://developer-ronnie.hashnode.dev\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Read%20My%20Blog-Hashnode-blueviolet?style=for-the-badge\u0026logo=hashnode\u0026logoColor=white\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n\n## ⚙️ \u003ca name=\"tech-stack\"\u003eTech Stack\u003c/a\u003e\n\n- **Frontend**: HTML, CSS, JavaScript, TailwindCSS, React, Next.js, TailwindCSS, Vue.js\n- **Backend**: Node.js, Express.js, GraphQL, Socket.io\n- **Database**:  MySQL, MongoDB, Firebase, Postgress, AWS\n- **Others**: DevOps, Python, Django, TypeScript, React Native\n- **Project Ideas**\n\n\n\n\n## 📚 \u003ca name=\"syllabus\"\u003eSyllabus\u003c/a\u003e\n\nReview the `Notes.md` file for each tech stack to better understand the other code and files.\n\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong style=\"font-size:1.1rem;\"\u003e01 - Frontend\u003c/strong\u003e\u003c/summary\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./01-Frontend/01-HTML-CSS\"\u003e1. HTML-CSS\u003c/a\u003e\u003c/summary\u003e\n\n- Introduction to HTML ✨\n- project folder setup\n- index.html\n- live server extension\n- html basics\n- hyperlinks\n- images\n- audio\n- video\n- favicons\n- text formatting\n- span \u0026 div\n- lists\n- tables\n- buttons\n- forms\n- headers \u0026 footers\n- Introduction to CSS ✨\n- Colors \n- Fonts \n- Borders \n- Shadows \n- Margins \n- Float \n- Overflow \n- Display Property \n- Height and Width \n- Positions \n- Background Images \n- Combinators \n- Pseudo-classes \n- Pseudo-elements \n- Pagination \n- Dropdown Menus \n- Navigation Bar \n- Website Layout \n- Image Gallery \n- Icons \n- Flexbox \n- Transformations \n- Animations \n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./01-Frontend/02-CSS\"\u003e2. CSS Revision\u003c/a\u003e\u003c/summary\u003e\n\n- What we are Building\n- Setup\n- Selectors\n- Fonts and Typography\n- Colors\n- Box Model\n- Flexbox\n- Form\n- Finalizing App\n- Second App\n- Flex\n- Grid List\n- Simple Grid\n- Medium Grid\n- Complex Grid\n- Absolute Relative Positioning\n- Responsive\n\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./01-Frontend/03-JavaScript\"\u003e3. JavaScript\u003c/a\u003e\u003c/summary\u003e\n\n- JavaScript Overview\n- Code Execution\n- Dev Environment Setup\n- Connect JS to HTML\n- Using Console \u0026 Comments\n- Mastering Variables\n- Working with Numbers\n- Grasping Booleans\n- Comparison Operators\n- Manipulating Strings\n- Type Conversion\n- Conditional Statements\n- Switch Statements\n- For Loop\n- While Loop\n- Do-While Loo\n- Logical Operations\n- Arrays Introduction\n- Array Techniques\n- JavaScript Objects\n- Functions Basics\n- Function Types\n- Callback Functions\n- Variable Scope\n- Object Methods\n- JSON Handling\n- Dates \u0026 Time\n- setInterval \u0026 setTimeout\n- Intermediate Setup\n- Template Strings\n- Arrow Functions\n- Enhanced Object Literals\n- Default Parameters\n- Spread Operator\n- Rest Operato\n- Array Destructuring\n- Object Destructuring\n- Advanced Destructuring\n- Function Destructuring\n- Nested Destructuring\n- Destructuring Craziness\n- Ternary Operator\n- For-In Loop\n- For-Of Loop\n- forEach Method\n- map Helper\n- filter Helper\n- find Helper\n- every \u0026 some Helpers\n- reduce Helper\n- Map Data Structure\n- Sets Data Structure\n- Symbols in JavaScript\n- Introduction to DOM\n- DOM Setup\n- Accessing DOM Elements\n- Manipulating Text Content\n- Managing Classes\n- Working with Attributes\n- Navigating Siblings\n- Modifying Styles\n- Creating DOM Elements\n- Removing DOM Elements\n- DOM Events Intro\n- Event Handling\n- Keyboard Events\n- Working with DOM Events\n- DOM Project 1\n- DOM Project 2\n- DOM Project 3\n- DOM Project 4\n- DOM Project 5\n- DOM Project 6\n- Introduction to GSAP\n- GSAP Basics\n- GSAP Setup\n- Animation Techniques\n- Integrating GSAP\n- GSAP Object Overview\n- GSAP Set Method\n- From \u0026 FromTo Animation\n- Staggering Animations\n- Tween Control\n- Mastering Timelines\n- Crafting Unique Animations\n- Wrapping Up GSAP\n- OOP Introduction\n- Demystifying THIS Keyword\n- Factory Function\n- Constructor Function\n- Built-In Constructors\n- Object.create Method\n- Prototype Model\n- Prototypal Inheritance\n- Introduction to Classes\n- Modifiers in OOP\n- Encapsulation\n- Abstraction \n- Inheritance\n- Polymorphism\n- Sync \u0026 Async Programming\n- Real-World Examples\n- Callback Hell\n- Promises\n- Async Functions\n- Reading Textual Data\n- Handling JSON Data\n- Fetching Data from APIs\n- Error Handling\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./01-Frontend/04-Tailwind-CSS\"\u003e4. TailwindCSS\u003c/a\u003e\u003c/summary\u003e\n\n- Intro\n- Introduction to Tailwind CSS\n- How does Tailwind work?\n- Tailwind Fundamentals Understanding the Basics\n- The Just-In-Time (JIT) Compiler: Tailwind’s Superpower\n- Layouts \u0026 Flex-box: Structuring Your UI\n- Media Queries \u0026 Responsive Design \n- Dark Mode in Tailwind\n- Custom Styles \u0026 Reusability \n- Tailwind CSS Tips \u0026 Tricks\n- Fitness Project Details\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./01-Frontend/05-React\"\u003e5. React\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003e6. Next.js\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003e7. Vue.js\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong style=\"font-size:1.1rem;\"\u003e02 - Backend\u003c/strong\u003e\u003c/summary\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./02-Backend/01-Node.js/\"\u003e1. Node.js\u003c/a\u003e\u003c/summary\u003e\n\n- Intro\n- What Is Node.js\n- Course Setup\n- REPL\n- Module Wrapper\n- Modules In Depth\n- ES6 Modules\n- Path Module\n- FS Module\n- OS Module\n- URL Module\n- HTTP Module\n- Routing In Node.js\n- Serving Files In Node.js\n- NPM Complete Course\n- Node.js Behind The Scenes\n- Node.js Events\n- Streams In Node.js\n- Outro\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"./02-Backend/02-Express.js/\"\u003e2. Express.js\u003c/a\u003e\u003c/summary\u003e\n\n- Intro\n- What is Express.js\n- Before Express.js\n- First Express App\n- Basic Routing\n- Advance Routing\n- Req and Res Advance Topics\n- Postman and App.route()\n- Advance Router\n- Route Parameters In Depth\n- Controllers In Depth\n- Query String In Depth\n- Sending JSON\n- Express Middleware's In Depth\n- Serving Static Files In Express\n- Template Engine Setup\n- EJS Crash Course\n- Outro\n\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003e3. GraphQL\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003e4. Socket.io\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong style=\"font-size:1.1rem;\"\u003e03 - Databases\u003c/strong\u003e\u003c/summary\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eMySQL\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eMongoDB\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eFirebase\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003ePostgreSQL\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eAWS\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong style=\"font-size:1.1rem;\"\u003e04 - Other Technologies\u003c/strong\u003e\u003c/summary\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eDevOps\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003ePython\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eDjango\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eTypeScript\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ca href=\"#\"\u003eReact Native\u003c/a\u003e\u003c/summary\u003e\n\u003c/details\u003e\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong style=\"font-size:1.1rem;\"\u003e05 - Project Ideas\u003c/strong\u003e\u003c/summary\u003e\n\n- 💡 Idea 1  \n- 💡 Idea 2  \n- 💡 Idea 3  \n\n\u003c/details\u003e\n\n\n\n\n\n\n\n## 📌 \u003ca name=\"how-to-use-this-repo\"\u003eHow to Use This Repo\u003c/a\u003e\n\nThis repository is designed to be your **second brain and personal dev library** as you grow from zero to fullstack. Here's how to make the most of it:\n\n1️⃣ **Refer the Syllabus**  \nGo through the syllabus section to understand the learning flow and the order of topics.\n\n2️⃣ **Explore Each Tech Stack Folder**  \nOpen each tech stack folder and check the `Notes.md` file to understand the concepts, code explanations, and examples related to that technology.\n\n\n\u003cdiv align=\"center\"\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/HTML_5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/CSS_3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/MongoDB-47A248?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white\" /\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n\u003c/div\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper-ronnie%2Fzero-to-fullstack-dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeveloper-ronnie%2Fzero-to-fullstack-dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper-ronnie%2Fzero-to-fullstack-dev/lists"}