Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/labex-labs/practice-web-development-programming-projects
Practice Web Development Programming Projects | This repo collects 131 of programming projects for Web Development. Web Development is a dynamic and essential field in the digital age. This Skill Tree offers a systematic approach to learning front-end and back-end technologies. Designed for begin...
https://github.com/labex-labs/practice-web-development-programming-projects
List: practice-web-development-programming-projects
awesome awesome-list exercises hands-on labex programming projects web-development
Last synced: 29 days ago
JSON representation
Practice Web Development Programming Projects | This repo collects 131 of programming projects for Web Development. Web Development is a dynamic and essential field in the digital age. This Skill Tree offers a systematic approach to learning front-end and back-end technologies. Designed for begin...
- Host: GitHub
- URL: https://github.com/labex-labs/practice-web-development-programming-projects
- Owner: labex-labs
- Created: 2024-06-06T07:24:21.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-11-01T01:51:18.000Z (about 1 month ago)
- Last Synced: 2024-11-08T19:02:44.848Z (about 1 month ago)
- Topics: awesome, awesome-list, exercises, hands-on, labex, programming, projects, web-development
- Homepage: https://labex.io/skilltrees/web-development
- Size: 39.1 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- practice-git-programming-projects - Web Development Programming Projects
- practice-cysec-programming-projects - Web Development Programming Projects
- practice-jquery-programming-projects - Web Development Programming Projects
- practice-ansible-programming-projects - Web Development Programming Projects
- practice-algorithm-programming-projects - Web Development Programming Projects
- practice-kubernetes-programming-projects - Web Development Programming Projects
- practice-hadoop-programming-projects - Web Development Programming Projects
- practice-opencv-programming-projects - Web Development Programming Projects
- practice-docker-programming-projects - Web Development Programming Projects
- practice-jenkins-programming-projects - Web Development Programming Projects
- ultimate-awesome - practice-web-development-programming-projects - Practice Web Development Programming Projects | This repo collects 131 of programming projects for Web Development. Web Development is a dynamic and essential field in the digital age. This Skill Tree offers a systematic approach to learning front-end and back-end technologies. Designed for begin. (Other Lists / PowerShell Lists)
README
# Practice Web Development Programming Projects
Web Development is a dynamic and essential field in the digital age. This Skill Tree offers a systematic approach to learning front-end and back-end technologies. Designed for beginners, it provides a clear roadmap to master HTML, CSS, JavaScript, and popular frameworks. Through hands-on, non-video courses and practical coding exercises, you'll build real websites and web applications in an interactive playground.
| Index | Name | Level | Project Link |
|---------|-----------------------------------------------------------------------------------------------------------------------------------------|---------|-----------------------------------------------------------------------------------------------|
| 001 | [Build an VSCode Extension With ChatGPT](https://labex.io/courses/project-build-an-vscode-extension-with-chatgpt) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-build-an-vscode-extension-with-chatgpt) |
| 002 | [Build a Tic-Tac-Toe Web App](https://labex.io/courses/project-build-a-tic-tac-toe-web-app) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-build-a-tic-tac-toe-web-app) |
| 003 | [Creating a Whack-a-Mole Web Game](https://labex.io/courses/project-creating-a-whack-a-mole-web-game) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-creating-a-whack-a-mole-web-game) |
| 004 | [Create a Notes App Using React](https://labex.io/courses/project-create-a-notes-app-using-react) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-create-a-notes-app-using-react) |
| 005 | [Building a Modern Expense Splitter Web App](https://labex.io/courses/project-building-a-expense-splitter-web-app) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-building-a-expense-splitter-web-app) |
| 006 | [Creating a Drawing Board Web App](https://labex.io/courses/project-creating-a-drawing-board-web-app) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-creating-a-drawing-board-web-app) |
| 007 | [Creating a Task Timer Web App](https://labex.io/courses/project-creating-a-task-timer-web-app) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-creating-a-task-timer-web-app) |
| 008 | [Create a Swiper Carousel Web App](https://labex.io/courses/project-create-a-swiper-carousel-web-app) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-create-a-swiper-carousel-web-app) |
| 009 | [Monty Hall Simulation Web App](https://labex.io/courses/project-monty-hall-problem-simulation-web-app) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-monty-hall-problem-simulation-web-app) |
| 010 | [Building a Web Avoiding Block Game](https://labex.io/courses/project-building-a-web-avoiding-block-game) | ★★☆ | [🚀 Start](https://labex.io/courses/project-building-a-web-avoiding-block-game) |
| 011 | [2048 Web Game Using jQuery](https://labex.io/courses/project-2048-web-game-using-jquery) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-2048-web-game-using-jquery) |
| 012 | [Developing a Simple Online Chat Room Using Flask](https://labex.io/courses/project-developing-a-simple-online-chat-room-using-flask) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-developing-a-simple-online-chat-room-using-flask) |
| 013 | [Build a Sliding Puzzle Game With JavaScript](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript) |
| 014 | [Create a Pixel Art Animator With React](https://labex.io/courses/project-create-a-pixel-art-animator-with-react) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-create-a-pixel-art-animator-with-react) |
| 015 | [jQuery Flip Puzzle Game](https://labex.io/courses/project-jquery-flip-puzzle-game) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-jquery-flip-puzzle-game) |
| 016 | [Creating a Minesweeper Game With JavaScript](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript) |
| 017 | [Build a Simple Markdown Editor With Live Preview](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview) |
| 018 | [Implement a Magnifying Glass Effect Using Canvas](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas) |
| 019 | [Build an Image Cropping Tool Using HTML5](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5) |
| 020 | [Building a Christmas Wish List Builder in React](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react) | ★★☆ | [🚀 Start](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react) |
| 021 | [Building a React Drag-and-Drop Puzzle Game](https://labex.io/courses/project-building-a-react-drag-and-drop-puzzle-game) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-building-a-react-drag-and-drop-puzzle-game) |
| 022 | [Building a React GitHub Heatmap Contributions](https://labex.io/courses/project-building-a-react-github-heatmap-contributions) | ★★☆ | [🚀 Start](https://labex.io/courses/project-building-a-react-github-heatmap-contributions) |
| 023 | [Deploying MobileNet With TensorFlow.js and Flask](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) |
| 024 | [Don't Step on the White Tile](https://labex.io/courses/project-dont-step-on-the-white-tile) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-dont-step-on-the-white-tile) |
| 025 | [Build a Scratch Card Web Game](https://labex.io/courses/project-scratch-card-game) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-scratch-card-game) |
| 026 | [Build a Simple URL Shortener With Flask and MySQL](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) | ★★★ | [🚀 Start](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) |
| 027 | [Build a Web Based TCP Port Scanner](https://labex.io/courses/project-build-a-web-based-tcp-port-scanner) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-build-a-web-based-tcp-port-scanner) |
| 028 | [Real-Time Sentence Search with Vue.js](https://labex.io/courses/project-beautiful-sentences) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-beautiful-sentences) |
| 029 | [Vue.js Search Functionality Development](https://labex.io/courses/project-do-a-search) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-do-a-search) |
| 030 | [Implement Dynamic Sticky Tab Bar](https://labex.io/courses/project-dynamic-tab-bar) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-dynamic-tab-bar) |
| 031 | [CSS Fan-Like Hover Animation Effect](https://labex.io/courses/project-unfold-your-fan) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-unfold-your-fan) |
| 032 | [The Boundless Sea of Learning](https://labex.io/courses/project-the-boundless-sea-of-learning) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-the-boundless-sea-of-learning) |
| 033 | [A Good Review for the Takeout](https://labex.io/courses/project-a-good-review-for-the-takeout) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-a-good-review-for-the-takeout) |
| 034 | [Address Management Web Application](https://labex.io/courses/project-add-new-address) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-add-new-address) |
| 035 | [Bing Dwen Dwen Mood Scale](https://labex.io/courses/project-bing-dwen-dwen-mood-scale) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-bing-dwen-dwen-mood-scale) |
| 036 | [Building a Traffic Lights System with JavaScript](https://labex.io/courses/project-colour-changeable-light) | ★★☆ | [🚀 Start](https://labex.io/courses/project-colour-changeable-light) |
| 037 | [Building a Simple Search Functionality](https://labex.io/courses/project-confusing-this) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-confusing-this) |
| 038 | [Pagination Implementation with Axios](https://labex.io/courses/project-course-list) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-course-list) |
| 039 | [Escape From the Dual Vector Foil](https://labex.io/courses/project-escape-from-the-dual-vector-foil) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-escape-from-the-dual-vector-foil) |
| 040 | [Build a Guess the Coin Game](https://labex.io/courses/project-guess-the-coin) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-guess-the-coin) |
| 041 | [Random Greeting Card Generator](https://labex.io/courses/project-holiday-greeting-card) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-holiday-greeting-card) |
| 042 | [Movie Ticket Reservation System](https://labex.io/courses/project-movie-ticket-reservation) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-movie-ticket-reservation) |
| 043 | [Axios-Driven Incantation Treasure Hunt](https://labex.io/courses/project-mysterious-incantation) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-mysterious-incantation) |
| 044 | [Create Responsive Modal Boxes](https://labex.io/courses/project-naughty-modal-box) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-naughty-modal-box) |
| 045 | [Building Reusable Pagination Component](https://labex.io/courses/project-pagination-component) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-pagination-component) |
| 046 | [Spell Out a Future](https://labex.io/courses/project-spell-out-a-future) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-spell-out-a-future) |
| 047 | [Web-based HTML Presentation Builder](https://labex.io/courses/project-web-ppt) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-web-ppt) |
| 048 | [Custom Form Validation with Vue.js](https://labex.io/courses/project-custom-form-validator) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-custom-form-validator) |
| 049 | [Empty pathMatch for Correct Path Calculation](https://labex.io/courses/project-empty-pathmatch-for-correct-path-calculation) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-empty-pathmatch-for-correct-path-calculation) |
| 050 | [Vue.js Shopping Cart with Drag and Drop](https://labex.io/courses/project-fun-shopping) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-fun-shopping) |
| 051 | [Implement Search Suggestions with Vue.js](https://labex.io/courses/project-input-search-suggestions) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-input-search-suggestions) |
| 052 | [Product List with Layout Switching](https://labex.io/courses/project-layout-switch) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-layout-switch) |
| 053 | [Vue.js Buttons and Value Updating](https://labex.io/courses/project-magic-failure) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-magic-failure) |
| 054 | [Building Dynamic Menu Tree Search with Vue.js](https://labex.io/courses/project-menu-tree-search) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-menu-tree-search) |
| 055 | [Fixing Vue Router's cleanPath Function](https://labex.io/courses/project-multiple-slashes) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-multiple-slashes) |
| 056 | [Build a Vue.js E-book Reader](https://labex.io/courses/project-read-it) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-read-it) |
| 057 | [Retrieving Object Parameters From Query](https://labex.io/courses/project-retrieving-object-parameters-from-query) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-retrieving-object-parameters-from-query) |
| 058 | [Building a Vue.js Shopping Cart](https://labex.io/courses/project-shopping-cart) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-shopping-cart) |
| 059 | [Building a Vue.js Store Status Switcher](https://labex.io/courses/project-switch-business-status) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-switch-business-status) |
| 060 | [Implement Efficient Virtual Scrolling with Vue.js](https://labex.io/courses/project-virtual-scroll-list) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-virtual-scroll-list) |
| 061 | [Implement Atomic Flex Layout with CSS](https://labex.io/courses/project-atomic-css) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-atomic-css) |
| 062 | [Building a Responsive News Website Homepage](https://labex.io/courses/project-creating-website-homepage) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-creating-website-homepage) |
| 063 | [Creative Billboard Design with Wooden Textures](https://labex.io/courses/project-creative-billboard) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-creative-billboard) |
| 064 | [Depth of Field in Images](https://labex.io/courses/project-depth-of-field-in-images) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-depth-of-field-in-images) |
| 065 | [Creating a Koala Face with CSS Grid](https://labex.io/courses/project-draw-a-koala) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-draw-a-koala) |
| 066 | [Creating Earth's Orbital Animation with CSS](https://labex.io/courses/project-exploring-the-earth) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-exploring-the-earth) |
| 067 | [Fixing Website Display Issues](https://labex.io/courses/project-fix-website-display) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-fix-website-display) |
| 068 | [Responsive Dice Layout with Flexbox](https://labex.io/courses/project-flex-dice-layout) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-flex-dice-layout) |
| 069 | [Responsive Flexible Card Layout](https://labex.io/courses/project-flexible-card) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-flexible-card) |
| 070 | [Flexbox Vegetable Layout Design](https://labex.io/courses/project-fresh-vegetables) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-fresh-vegetables) |
| 071 | [Fruit Arrangement with CSS Flexbox](https://labex.io/courses/project-fruit-arrangement) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-fruit-arrangement) |
| 072 | [Visually Appealing Fruit Platter](https://labex.io/courses/project-fruit-platter) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-fruit-platter) |
| 073 | [Give Your Page a Makeover](https://labex.io/courses/project-give-your-page-a-makeover) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-give-your-page-a-makeover) |
| 074 | [Simple and Beautiful Home Page Design](https://labex.io/courses/project-labex-knowledge-network) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-labex-knowledge-network) |
| 075 | [Movie Theater Seat Arrangement](https://labex.io/courses/project-movie-theater-seat-arrangement) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-movie-theater-seat-arrangement) |
| 076 | [Responsive Web Design with Gulp](https://labex.io/courses/project-responsive-page-layout) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-responsive-page-layout) |
| 077 | [Responsive Web Design for All Screens](https://labex.io/courses/project-responsive-web-design) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-responsive-web-design) |
| 078 | [Create Visually Appealing Business Card](https://labex.io/courses/project-user-business-cards) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-user-business-cards) |
| 079 | [Westward Journey to Heavenly West](https://labex.io/courses/project-westward-journey-to-heavenly-west) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-westward-journey-to-heavenly-west) |
| 080 | [Data Formatting and Visualization with Vue.js](https://labex.io/courses/project-table-data-conversion) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-table-data-conversion) |
| 081 | [Vanished Into Thin Air](https://labex.io/courses/project-vanished-into-thin-air) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-vanished-into-thin-air) |
| 082 | [Wish Sticky Note App with Vue.js](https://labex.io/courses/project-wish-sticky-note) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-wish-sticky-note) |
| 083 | [Responsive Navigation with Custom React Hook](https://labex.io/courses/project-browser-window-size) | ★★☆ | [🚀 Start](https://labex.io/courses/project-browser-window-size) |
| 084 | [React Theme Switcher Application](https://labex.io/courses/project-change-page-theme) | ★★☆ | [🚀 Start](https://labex.io/courses/project-change-page-theme) |
| 085 | [React Colour Filter Application](https://labex.io/courses/project-colour-filter) | ★★☆ | [🚀 Start](https://labex.io/courses/project-colour-filter) |
| 086 | [Implementing React Navigation Features](https://labex.io/courses/project-navigation-features) | ★★☆ | [🚀 Start](https://labex.io/courses/project-navigation-features) |
| 087 | [Create Responsive Business Card with React](https://labex.io/courses/project-personal-card-generator) | ★★☆ | [🚀 Start](https://labex.io/courses/project-personal-card-generator) |
| 088 | [Build Interactive React Components](https://labex.io/courses/project-show-and-hide) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-show-and-hide) |
| 089 | [Switch Between Light and Dark](https://labex.io/courses/project-switch-between-light-and-dark) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-switch-between-light-and-dark) |
| 090 | [Mobile Phone Number Verification](https://labex.io/courses/project-account-verification) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-account-verification) |
| 091 | [Correctly Warn Incorrect v-Slot Usage](https://labex.io/courses/project-correctly-warn-incorrect-v-slot-usage) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-correctly-warn-incorrect-v-slot-usage) |
| 092 | [Adding Deprecation Warning to Vue Router](https://labex.io/courses/project-deprecated-addroutes) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-deprecated-addroutes) |
| 093 | [Dynamization of Homepage Data](https://labex.io/courses/project-dynamization-of-homepage-data) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-dynamization-of-homepage-data) |
| 094 | [Fix the Test in async.spec.js](https://labex.io/courses/project-fix-the-test-in-asyncspecjs) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-fix-the-test-in-asyncspecjs) |
| 095 | [Data Visualization with Echarts and JSON](https://labex.io/courses/project-food-protein-revealed) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-food-protein-revealed) |
| 096 | [Handling Null Values Correctly](https://labex.io/courses/project-handling-null-values-correctly) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-handling-null-values-correctly) |
| 097 | [Let’s Have a Meeting Together](https://labex.io/courses/project-lets-have-a-meeting-together) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-lets-have-a-meeting-together) |
| 098 | [Building Login with Vue.js and Vuex](https://labex.io/courses/project-missing-token) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-missing-token) |
| 099 | [Remove the Warning Generated by pathMatch](https://labex.io/courses/project-remove-the-warning-generated-by-pathmatch) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-remove-the-warning-generated-by-pathmatch) |
| 100 | [Revisit Route Triggers Too Early](https://labex.io/courses/project-revisit-route-triggers-too-early) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-revisit-route-triggers-too-early) |
| 101 | [Router Query Value Changed](https://labex.io/courses/project-router-query-value-changed) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-router-query-value-changed) |
| 102 | [Building Flexible Skeleton Screens](https://labex.io/courses/project-skeleton-screen) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-skeleton-screen) |
| 103 | [Time Conversion Tool with Vue.js](https://labex.io/courses/project-time-conversion-tool) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-time-conversion-tool) |
| 104 | [Build a Vue.js Task Manager](https://labex.io/courses/project-time-management-master) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-time-management-master) |
| 105 | [Interactive Film Collection Web App](https://labex.io/courses/project-collection-of-films) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-collection-of-films) |
| 106 | [Building Responsive Accordion Interfaces](https://labex.io/courses/project-folding-accordion) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-folding-accordion) |
| 107 | [Fruit Matching Game with HTML, CSS, JavaScript](https://labex.io/courses/project-fruit-for-fun) | ★★☆ | [🚀 Start](https://labex.io/courses/project-fruit-for-fun) |
| 108 | [Fruit Stacking Game with HTML, CSS, JavaScript](https://labex.io/courses/project-fruit-stacker) | ★★☆ | [🚀 Start](https://labex.io/courses/project-fruit-stacker) |
| 109 | [Implement User Login Function](https://labex.io/courses/project-implement-user-login-function) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-implement-user-login-function) |
| 110 | [Simple Prize Draw Application](https://labex.io/courses/project-prize-draw) | ★★☆ | [🚀 Start](https://labex.io/courses/project-prize-draw) |
| 111 | [Building a Voting Application](https://labex.io/courses/project-valuable-vote) | ★★☆ | [🚀 Start](https://labex.io/courses/project-valuable-vote) |
| 112 | [Weekly Weather Forecast Application Development](https://labex.io/courses/project-weather-forecast-query) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-weather-forecast-query) |
| 113 | [Hard Work Pays Off](https://labex.io/courses/project-hard-work-pays-off) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-hard-work-pays-off) |
| 114 | [Real-Time Sales Dashboard with Echarts](https://labex.io/courses/project-sales-dashboard) | ★★☆ | [🚀 Start](https://labex.io/courses/project-sales-dashboard) |
| 115 | [Creating Interactive Bar Charts with ECharts](https://labex.io/courses/project-student-achievement-statistics) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-student-achievement-statistics) |
| 116 | [Time With Your Phone](https://labex.io/courses/project-time-with-your-phone) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-time-with-your-phone) |
| 117 | [Weather Trend Chart with Vue and Echarts](https://labex.io/courses/project-weather-trend) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-weather-trend) |
| 118 | [Counting Access Times by IP](https://labex.io/courses/project-counting-access-times-by-ip) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-counting-access-times-by-ip) |
| 119 | [Course Schedule CRUD With MyBatis](https://labex.io/courses/project-course-schedule-crud-with-mybatis) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-course-schedule-crud-with-mybatis) |
| 120 | [Configuring Logging and Batch Aliasing in MyBatis](https://labex.io/courses/project-course-schedule-logging) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-course-schedule-logging) |
| 121 | [Extending Entity with Custom Properties](https://labex.io/courses/project-custom-type-handler) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-custom-type-handler) |
| 122 | [Implementation of AJAX Requests Using JS](https://labex.io/courses/project-implementation-of-ajax-requests-using-js) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-implementation-of-ajax-requests-using-js) |
| 123 | [JSON Data Transfer With AJAX](https://labex.io/courses/project-json-data-transfer-with-ajax) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-json-data-transfer-with-ajax) |
| 124 | [Logging Project Information With Log4j2](https://labex.io/courses/project-logging-project-information-with-log4j2) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-logging-project-information-with-log4j2) |
| 125 | [Operate the Course Table](https://labex.io/courses/project-operate-the-course-table) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-operate-the-course-table) |
| 126 | [Practical Use of resultMap](https://labex.io/courses/project-practical-use-of-resultmap) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-practical-use-of-resultmap) |
| 127 | [User Permission Management System with JavaScript](https://labex.io/courses/project-permission-management) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-permission-management) |
| 128 | [Promisifying Callback-based Asynchronous Functions](https://labex.io/courses/project-encapsulate-promisify-function) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-encapsulate-promisify-function) |
| 129 | [Building a News API with Node.js](https://labex.io/courses/project-news-api) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-news-api) |
| 130 | [Building a User Management RESTful API with Node.js](https://labex.io/courses/project-restful-api-development) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-restful-api-development) |
| 131 | [Building a Node.js Reverse Proxy](https://labex.io/courses/project-reverse-proxy) | ★☆☆ | [🚀 Start](https://labex.io/courses/project-reverse-proxy) |
## More Projects
- [Linux Programming Projects](https://github.com/labex-labs/practice-linux-programming-projects)
- [DevOps Programming Projects](https://github.com/labex-labs/practice-devops-programming-projects)
- [Cybersecurity Programming Projects](https://github.com/labex-labs/practice-cybersecurity-programming-projects)
- [Python Programming Projects](https://github.com/labex-labs/practice-python-programming-projects)
- [Docker Programming Projects](https://github.com/labex-labs/practice-docker-programming-projects)
- [Data Science Programming Projects](https://github.com/labex-labs/practice-data-science-programming-projects)
- [Kubernetes Programming Projects](https://github.com/labex-labs/practice-kubernetes-programming-projects)
- [Big Data Programming Projects](https://github.com/labex-labs/practice-bigdata-programming-projects)
- [Machine Learning Programming Projects](https://github.com/labex-labs/practice-ml-programming-projects)
- [Web Development Programming Projects](https://github.com/labex-labs/practice-web-development-programming-projects)
- [Git Programming Projects](https://github.com/labex-labs/practice-git-programming-projects)
- [Ansible Programming Projects](https://github.com/labex-labs/practice-ansible-programming-projects)
- [Jenkins Programming Projects](https://github.com/labex-labs/practice-jenkins-programming-projects)
- [Shell Programming Projects](https://github.com/labex-labs/practice-shell-programming-projects)
- [Java Programming Projects](https://github.com/labex-labs/practice-java-programming-projects)
- [Hadoop Programming Projects](https://github.com/labex-labs/practice-hadoop-programming-projects)
- [C++ Programming Projects](https://github.com/labex-labs/practice-cpp-programming-projects)
- [C Programming Projects](https://github.com/labex-labs/practice-c-programming-projects)
- [MySQL Programming Projects](https://github.com/labex-labs/practice-mysql-programming-projects)
- [Golang Programming Projects](https://github.com/labex-labs/practice-go-programming-projects)
- [Pandas Programming Projects](https://github.com/labex-labs/practice-pandas-programming-projects)
- [NumPy Programming Projects](https://github.com/labex-labs/practice-numpy-programming-projects)
- [scikit-learn Programming Projects](https://github.com/labex-labs/practice-sklearn-programming-projects)
- [Matplotlib Programming Projects](https://github.com/labex-labs/practice-matplotlib-programming-projects)
- [Algorithm Programming Projects](https://github.com/labex-labs/practice-algorithm-programming-projects)
- [HTML Programming Projects](https://github.com/labex-labs/practice-html-programming-projects)
- [CSS Programming Projects](https://github.com/labex-labs/practice-css-programming-projects)
- [JavaScript Programming Projects](https://github.com/labex-labs/practice-javascript-programming-projects)
- [React Programming Projects](https://github.com/labex-labs/practice-react-programming-projects)
## Other Lists
- 🔗 [Web Development Free Tutorials](https://github.com/labex-labs/web-development-free-tutorials)
- 🔗 [Awesome Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- 🔗 [Awesome Programming Courses](https://github.com/labex-labs/awesome-programming-courses)