base on Here you will find different web development mini projects which are made up of HTML, CSS & little bit of JavaScript. Do you have any such small project which is not already in the List!? 😄 # Web-Development Web Development Demo Pages collection<br><br> | Title | Code | Live Demo | | ----- | ---- | --------- | |Stopwatch| [Code](https://github.com/Husayn01/Stopwatch)| [Demo](https://stopwatch-husayn01.vercel.app/)| | Headings | [Headings](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/types_of_headings.html) | [See headings](https://keshavgbpecdelhi.github.io/Web-Development/html/types_of_headings.html) | | Tables | [Table](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/a_simple_table_in_html.html) | [See Table](https://keshavgbpecdelhi.github.io/Web-Development/html/a_simple_table_in_html.html) | | Basic Form | [Basic Form](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/Basic_form.html) | [Tuition Form](https://keshavgbpecdelhi.github.io/Web-Development/html/Basic_form.html) | | Survey Form | [HTML](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/survey-form.html) | [Employee Interests](https://keshavgbpecdelhi.github.io/Web-Development/html/survey-form.html) | | Video Embed | [Video Embed ](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/video_embedding.html) | [Video in a Page](https://keshavgbpecdelhi.github.io/Web-Development/html/video_embedding.html) | | Meta | [Meta Tag](https://raw.githubusercontent.com/keshavgbpecdelhi/Web-Development/master/html/meta_tag.html) | [Meta Page](https://keshavgbpecdelhi.github.io/Web-Development/html/meta_tag.html) | | RGBA | [RGBA](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-1) | [Color Page](https://keshavgbpecdelhi.github.io/Web-Development/css-1/) | | Font Family | [Font](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-2/font-family) | [Font Page](https://keshavgbpecdelhi.github.io/Web-Development/css-2/font-family/index.html) | | Border Margin | [Page1](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/css-9/index.html) , [Page2](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-3/margin-border) | [Link1](https://keshavgbpecdelhi.github.io/Web-Development/css-9/index.html) , [Link2](https://keshavgbpecdelhi.github.io/Web-Development/css-3/margin-border/index.html) | | Background Image | [Background](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-4/background-img) | [Page](https://keshavgbpecdelhi.github.io/Web-Development/css-4/background-img/index.html) | | Text Decoration | [Text Decoration](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-5/text-decoration) | [text-decoration](https://keshavgbpecdelhi.github.io/Web-Development/css-5/text-decoration/index.html) | | Pseduo States | [pseduo-states](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-6/pseduo-states) | [pseduo-states](https://keshavgbpecdelhi.github.io/Web-Development/css-6/pseduo-states/index.html) | | Hi Name | [Hi](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/javascript/hi_name) | [Hi Page](https://keshavgbpecdelhi.github.io/Web-Development/javascript/hi_name/index.html) | |Extend Classes | [extend_classes](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/javascript/extend_classl) | [extend_classes](https://keshavgbpecdelhi.github.io/Web-Development/javascript/extend_class/) | | Dropdown Menu | [dropdown-menu](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/dropdown-menu) | [dropdown-menu](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/dropdown-menu/index.html) | | Event Handling | [event-handling](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/event-handling) | [event-handling](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/event-handling/index.html) | | Right Click | [Right click](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/right-click) | [Right click](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/right-click/index.html) | | Replace | [replace](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/replace/index.html) | | Valid Email | [valid_email](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/valid_email) | [valid_email](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/valid_email/) | | Fully Responsive | [Fully responsive](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Bootstrap/responsive-page) | [Fully responsive ](https://keshavgbpecdelhi.github.io/Web-Development/Bootstrap/responsive-page/) | | Bootstrap Form | [Bootstrap Form](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Bootstrap/bootstrap-form/index.html) | [Fully Responsive](https://keshavgbpecdelhi.github.io/Web-Development/Bootstrap/bootstrap-form/) | | Portfolio Website | [Portfolio Website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-7) | [Fully responsive](https://keshavgbpecdelhi.github.io/Web-Development/css-7/index.html) | | Text Replace | [replace](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/replace/index.html) | | CSS Padding | [css padding](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/css-8/Padding%20css/index.html) | [Responsive ](https://keshavgbpecdelhi.github.io/Web-Development/css-8/Padding%20css/) | | Landing Page | [Landing](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/landing-page/index.html) | [Responsive ](https://keshavgbpecdelhi.github.io/Web-Development/landing-page/) | | Simple Todo | [Todo](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/simple-todo) | [Todo ](https://keshavgbpecdelhi.github.io/Web-Development/simple-todo/) | |JS Calculator | [JS Calculator](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/javascript/js-calculator/index.html) | [JS Calcutor](https://keshavgbpecdelhi.github.io/Web-Development/javascript/js-calculator/index.html) | |Animated Search| [Animated Search](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Animated%20Search%20Form) | [Search Animation](https://keshavgbpecdelhi.github.io/Web-Development/Animated%20Search%20Form/) | |CS/JS Hybrid | [Animation](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CSS-JS%20Hybrid%20Animation) | [Animation](https://keshavgbpecdelhi.github.io/Web-Development/CSS-JS%20Hybrid%20Animation/) | | Car Animation| [Car Animation](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/car-animation/index.html) | [Live Car](https://keshavgbpecdelhi.github.io/Web-Development/car-animation/) | | Fluid Webpage| [Fluid Webpage](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/fluid-webpage/Fluid-Webpage/index.html) | [Blue Bubble](https://keshavgbpecdelhi.github.io/Web-Development/fluid-webpage/Fluid-Webpage/index.html) | | Gradient Generator | [Gradient Generator](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Gradient-generator) | [Gradient Generator](https://keshavgbpecdelhi.github.io/Web-Development/Gradient-generator/bggenerator.html) | | Calendar | [Glassmorphism Calendar](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/glassmorphism-calendar) | [Glassmorphism Calendar](https://keshavgbpecdelhi.github.io/Web-Development/glassmorphism-calendar) | | Parallax Website | [Parallax website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/parallax-website) | [Parallax website](https://keshavgbpecdelhi.github.io/Web-Development/parallax-website) | | HTML Card | [HTML Cards](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/card) | [Round](https://keshavgbpecdelhi.github.io/Web-Development/html/card/card.html), [Flip](https://keshavgbpecdelhi.github.io/Web-Development/html/card/flipcard.html), [Profile](https://keshavgbpecdelhi.github.io/Web-Development/html/card/profilecard.html) | | NFT Card | [NFT Cards](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/nft-preview-card-component) | [Card Component](https://keshavgbpecdelhi.github.io/Web-Development/nft-preview-card-component/) | | Dynamic Page | [Dynamic Page](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/dynamic-page) | [Dynamic Page Website](https://keshavgbpecdelhi.github.io/Web-Development/dynamic-page) | | Tribute Page | [Tribute Page](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Tribute-Page) | [Tribute Page Website](https://keshavgbpecdelhi.github.io/Web-Development/Tribute-Page/index.html) | Gallery Website | [Gallery Website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/gallery-website) | | MusiStore | [Music Website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Music-Store) | [Music-Store Live](https://music-store.vercel.app/) | | Gallery Website | [Gallery Website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/gallery-website) | | Short link generator | [Short link generator](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/shortLink) | [Short link generator](https://keshavgbpecdelhi.github.io/Web-Development/shortLink) | | SVG Examples | [SVG Examples](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/svg) | [SVG Examples](https://keshavgbpecdelhi.github.io/Web-Development/svg) | | Webpage API | [DevFinder](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/webpage-using-api) | [DevFinder Live](https://keshavgbpecdelhi.github.io/Web-Development/webpage-using-api/) | | Social Icons | [Social_Icons](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/awesome_Social_icons) | [Demo Socials](https://keshavgbpecdelhi.github.io/Web-Development/awesome_Social_icons/mysocial.html) | | 2D Transform | [2D](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/2D_Transformation) | [Transformations](https://keshavgbpecdelhi.github.io/Web-Development/2D_Transformation/) | | CSS Adjuster | [CSS Adjuster](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CSS-Adjuster) | [Live Adjuster](https://keshavgbpecdelhi.github.io/Web-Development/CSS-Adjuster/) | | Resume Builder | [Resume Builder](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/resume_builder) | [Live Builder](https://keshavgbpecdelhi.github.io/Web-Development/resume_builder/) | | A beautiful gallery | [Gallery](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/simpleDarkmode) | [gallery](https://keshavgbpecdelhi.github.io/Web-Development/simpleDarkmode/ex.html) | | Anime Website | [Website](https://github.com/omk-coder/first-web-project.io/) | [live Website](https://omk-coder.github.io/first-web-project.io/) | | Roll The Dice| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Roll-the-Dice) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Roll-the-Dice) | | Drum Kit| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/drum-kit) | [Demo](https://biniltomjose1278.github.io/drum-kit/) | | FAQ Section | [FAQ_Section](https://github.com/hansupadhyay007/Web-Development/tree/master/FAQ_Section) | [Demo]() | Text-Editor| [Code](https://github.com/vanam30/Text-Editor-Reactjs) | [Demo](https://62b41e69508b4f5bc4e01fc3--fascinating-puppy-32407a.netlify.app/) | | Math4Kids| [Code](https://github.com/keshavgbpecdelhi/Math4Kids) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/Math4Kids/index.html) | | Wordle=Clone| [Code](https://github.com/25zeeshan/Wordle_Clone) | [Live](https://25zeeshan.github.io/Wordle_Clone/) | | mediabook| [Code](https://github.com/keshavgbpecdelhi/mediabook) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/mediabook/index.html) | | MDown Editor| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/mdown-editor) | [Demo](https://rededge.is-a.dev/mdown-editor) | | Food Ordering Website| [Code](https://github.com/Ishukumarpathak/food_ordering_website.git) | [Demo](https://ishukumarpathak.github.io/food_ordering_website/) | | Memory Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Memory-game) | [Demo](https://dimple-choudhary.github.io/Memory-game/) | | Watch Store | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/watch-store/assets) | [Demo](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/watch-store/assets/index.html) | | Quote Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Quote-generator/Quote-generator) | [Demo](https://dimple-choudhary.github.io/Quote-generator/Quote-generator/.index.html) | | Spotify | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Spotify) | [Demo](https://dimple-choudhary.github.io/Spotify/index.html) | | Flipkart Clone | [Flipkart](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Flipkart%20clone) | [flipkart](https://keshavgbpecdelhi.github.io/Web-Development/Flipkart%20clone/index.html) | | Countdown Timer | [Countdown](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/countdown-timer) | [countdown](https://ayushknath.github.io/countdown-timer/) | | Ball Game | [Ball Game](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/ball%20game/index.html) | [Game](https://keshavgbpecdelhi.github.io/Web-Development/ball%20game/index.html) | | Notes | [Code](https://github.com/srbmaury/notes) | [Demo](https://srbmaury.github.io/notes/) | | Rock Paper Scissors Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Rock%20Paper%20Scissors) | [Demo](https://codepen.io/Sanskrati01/pen/gOWzvaO) | | Review Cards | [Code](https://github.com/31Sanskrati/keshavgbpecdelhi/tree/master/Review%20Cards) | [Demo](https://codepen.io/Sanskrati01/pen/yLbxboO) | | Sorting Visualizer | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Sorting_Visualizer) | [Demo](https://sortingvisualizera.netlify.app/) | | Age Calculator | [Code](https://github.com/DevanshMudgal/Web-Development/tree/master/AgeCalculator) | [Demo](https://demo.100jsprojects.com/age-calculator) | ## :handshake: Our Contributors <a href="https://github.com/keshavgbpecdelhi/Web-Development"><p align="center"> <img src="https://contrib.rocks/image?repo=keshavgbpecdelhi/Web-Development" style="float:none;" /></p> </a> ", Assign "at most 3 tags" to the expected json: {"id":"5665","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"