{"id":20312699,"url":"https://github.com/prathameshdhande22/web-development-tutorial","last_synced_at":"2025-09-22T21:31:20.678Z","repository":{"id":108994831,"uuid":"585041247","full_name":"PrathameshDhande22/Web-Development-Tutorial","owner":"PrathameshDhande22","description":"This repository contains all the Material or technology tutorial required for web development.    ","archived":false,"fork":false,"pushed_at":"2025-01-01T15:34:07.000Z","size":21440,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-01T16:29:15.833Z","etag":null,"topics":["css","css-animations","css-grid","css3","django","html","html5","javascript","js","python3","tutorial","tutorial-code","tutorial-sourcecode","tutorials","web","webdeveloper","webdevelopment","website","websites"],"latest_commit_sha":null,"homepage":"https://prathameshdhande22.github.io/Web-Development-Tutorial/","language":"JavaScript","has_issues":false,"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/PrathameshDhande22.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}},"created_at":"2023-01-04T06:58:49.000Z","updated_at":"2025-01-01T15:34:10.000Z","dependencies_parsed_at":"2025-01-01T16:38:57.058Z","dependency_job_id":null,"html_url":"https://github.com/PrathameshDhande22/Web-Development-Tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrathameshDhande22%2FWeb-Development-Tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrathameshDhande22%2FWeb-Development-Tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrathameshDhande22%2FWeb-Development-Tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrathameshDhande22%2FWeb-Development-Tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PrathameshDhande22","download_url":"https://codeload.github.com/PrathameshDhande22/Web-Development-Tutorial/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233893181,"owners_count":18746705,"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","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","css-animations","css-grid","css3","django","html","html5","javascript","js","python3","tutorial","tutorial-code","tutorial-sourcecode","tutorials","web","webdeveloper","webdevelopment","website","websites"],"created_at":"2024-11-14T18:07:15.343Z","updated_at":"2025-09-22T21:31:20.672Z","avatar_url":"https://github.com/PrathameshDhande22.png","language":"JavaScript","readme":"# WEB DEVELOPMENT\n\n![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)\n\nThis Repository Contains the Web Developmet Tutorial.\n\nMy aim is to learn the Django Framework so to do this need to learn Web Development.\n\n**More Tutorials Are coming soon** =\u003e Django.\n\n## Tutorials:\n\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white) \n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n![Flask](https://img.shields.io/badge/flask-%23000.svg?style=for-the-badge\u0026logo=flask\u0026logoColor=white)\n![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=for-the-badge\u0026logo=fastapi)\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge\u0026logo=node.js\u0026logoColor=white)\n![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge\u0026logo=express\u0026logoColor=%2361DAFB)\n![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white)\n![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge\u0026logo=jquery\u0026logoColor=white)\n![ASP.NET MVC](https://img.shields.io/badge/ASP.NET%20MVC-%235C2D91.svg?style=for-the-badge\u0026logo=.net\u0026logoColor=white)\n![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge\u0026logo=angular\u0026logoColor=white)\n![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge\u0026logo=react%20query\u0026logoColor=white)\n![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n\n\n## Hosted Tutorial :\n\nSEE HERE 👉 [Click Here](https://prathameshdhande22.github.io/Web-Development-Tutorial)\n\n## Contents:\n\n1. HTML\n2. CSS\n3. Bootstrap\n4. Javascript\n5. ReactJS\n6. Flask (Python) with API\n7. FastAPI (Python)\n8. TailwindCSS\n9. Typescript\n10. NodeJS (JavaScript)\n11. React Recoil Tutorial\n12. ExpressJS or MERN Stack\n13. jQuery\n14. ASP.NET MVC Framework (C#)\n15. Angular \n16. React Query Tutorial\n\n## Projects :\n\n1. Netflix Clone 👉 [Click Here](https://prathameshdhande22.github.io/Neflix-Clone/)\n2. India Flag Made Using CSS 👉 [Click Here To View](https://prathameshdhande22.github.io/Web-Development-Tutorial/CSS/IndiaFlag)\n3. Simple Calculator 👉 [Click Here To View](https://prathameshdhande22.github.io/Simple-Calculator-JS/)\n4. Todo List App 👉 [Click Here To View](https://prathameshdhande22.github.io/Web-Development-Tutorial/JS/41_TodoList/)\n5. Tic Tac Toe Game 👉 [Click Here To View](https://prathameshdhande22.github.io/Tic-Tac-Toe-In-Js/)\n6. Quiz App 👉 [Click Here To View](https://quiz-app-in-react.vercel.app/)\n7. Virtual Keyboard 👉 [Click Here To View](https://prathameshdhande22.github.io/Virtual-KeyBoard-HTML/)\n8. Admin DashBoard 👉 [Click Here To View](https://admindashboard-zfhw.onrender.com/)\n9. Flask TODO APP 👉 [Click Here To View](https://flaskapptodo.onrender.com/)\n10. FeedbackForm Flask App 👉 [Click Here To View](https://feedbackform-flask-app.onrender.com/)\n11. DumpAPI Flask 👉 [Click Here To View](https://dumpapi-flask-api.onrender.com/)\n12. 2nd Product API FastAPI 👉 [Click Here To View](https://twondproductapi.onrender.com/)\n13. React Login Page 👉 [Click Here To View](https://react-login-page-nu.vercel.app/)\n14. Film Fiesta using React + Typescript 👉 [Click Here To View](https://film-fiesta-beta.vercel.app/)\n15. MERN Simple Website 👉 [Click Here To View](https://web-development-tutorial.vercel.app/)\n16. Flip Card Memory Game 👉 [Click Here To View](https://prathameshdhande22.github.io/Flip-Card-Memory-Game/)\n\n## Tutorials I Followed :\n\n1. HTML 👉 https://youtu.be/BsDoLVMnmZs\n2. CSS 👉 https://youtu.be/Edsxf_NBFrw\n3. Javascript 👉 https://youtube.com/playlist?list=PLu0W_9lII9ahR1blWXxgSlL4y9iQBnLpR\n4. Bootstrap 👉 https://youtu.be/Jyvffr3aCp0\n5. React JS 👉 https://youtu.be/lLeZ8Cr2YVM\n6. Flask 👉 https://youtu.be/oA8brF3w5XQ\n7. Flask_RESTFul 👉 https://youtu.be/GMppyAPbLYk\n8. FastAPI 👉 https://fastapi.tiangolo.com/\n9. TailwindCSS 👉 https://youtube.com/playlist?list=PLu0W_9lII9ahwFDuExCpPFHAK829Wto2O\n10. Vite 👉 https://vitejs.dev/guide/\n11. Typescript 👉 https://youtube.com/playlist?list=PLwGdqUZWnOp0xfHQFmlL52b_6-QZ0mnk_\u0026si=xyLPNqOlWzqnM8j9\n12. NodeJS 👉 https://youtu.be/BLl32FvcdVM?si=kdGE2TYNYFZp19ZZ\n13. React Recoil Tutorial 👉 https://recoiljs.org/\n14. MERN 👉 https://youtube.com/playlist?list=PLwGdqUZWnOp2Z3eFOgtOGvOWIk4e8Bsr_\u0026si=T5qqLXUDTFxBdA3W\n15. jQuery 👉 https://www.w3schools.com/jquery/default.asp\n16. ASP.NET MVC Framework 👉 https://www.youtube.com/playlist?list=PL6n9fhu94yhVm6S8I2xd6nYz2ZORd7X2v\n17. Angular 👉 https://www.youtube.com/playlist?list=PL1BztTYDF-QNlGo5-g65Xj1mINHYk_FM9\n18. React Query Tutorial 👉 https://youtu.be/GEeBG7AoQdM?si=mtA3tLebm2ffK-Ur\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprathameshdhande22%2Fweb-development-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprathameshdhande22%2Fweb-development-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprathameshdhande22%2Fweb-development-tutorial/lists"}