# projects-50days **Repository Path**: sujunhao777/projects-50days ## Basic Information - **Project Name**: projects-50days - **Description**: @50个项目合集 - **Primary Language**: Unknown - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-02-01 - **Last Updated**: 2023-02-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 50 Projects in 50 Days - HTML/CSS and JavaScript [course link](https://www.udemy.com/course/50-projects-50-days/) | # | Project | Live Demo | | :-: | ------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | 01 | [Expanding Cards](https://github.com/dinomoon/50projects50days/tree/master/01.%20Expanding%20Cards) | [Live Demo](https://dinomoon.github.io/50projects50days/01.%20Expanding%20Cards/index.html) | | 02 | [Progress Steps](https://github.com/dinomoon/50projects50days/tree/master/02.%20Progress%20Steps) | [Live Demo](https://dinomoon.github.io/50projects50days/02.%20Progress%20Steps/index.html) | | 03 | [Rotating Navigation Animation](https://github.com/dinomoon/50projects50days/tree/master/03.%20Rotating%20Navigation) | [Live Demo](https://dinomoon.github.io/50projects50days/03.%20Rotating%20Navigation/index.html) | | 04 | [Hidden Search Widget](https://github.com/dinomoon/50projects50days/tree/master/04.%20Hidden%20Search%20Widjet) | [Live Demo](https://dinomoon.github.io/50projects50days/04.%20Hidden%20Search%20Widjet/index.html) | | 05 | [Blurry Loading](https://github.com/dinomoon/50projects50days/tree/master/05.%20Blurry%20Loading) | [Live Demo](https://dinomoon.github.io/50projects50days/05.%20Blurry%20Loading/index.html) | | 06 | [Scroll Animation](https://github.com/dinomoon/50projects50days/tree/master/06.%20Scroll%20Animation) | [Live Demo](https://dinomoon.github.io/50projects50days/06.%20Scroll%20Animation) | | 07 | [Split Landing Page](https://github.com/dinomoon/50projects50days/tree/master/07.%20Split%20Landing%20Page) | [Live Demo](https://dinomoon.github.io/50projects50days/07.%20Split%20Landing%20Page) | | 08 | [Form Wave](https://github.com/dinomoon/50projects50days/tree/master/08.%20Form%20Wave%20Animation) | [Live Demo](https://dinomoon.github.io/50projects50days/08.%20Form%20Wave%20Animation) | | 09 | [Sound Board](https://github.com/dinomoon/50projects50days/tree/master/09.%20Sound%20Board) | [Live Demo](https://dinomoon.github.io/50projects50days/09.%20Sound%20Board) | | 10 | [Dad Jokes](https://github.com/dinomoon/50projects50days/tree/master/10.%20Dad%20Jokes) | [Live Demo](https://dinomoon.github.io/50projects50days/10.%20Dad%20Jokes) | | 11 | [Event Keycodes](https://github.com/dinomoon/50projects50days/tree/master/11.%20Event%20KeyCodes) | [Live Demo](https://dinomoon.github.io/50projects50days/11.%20Event%20KeyCodes) | | 12 | [FAQ Collapse](https://github.com/dinomoon/50projects50days/tree/master/12.%20FAQ%20Collapse) | [Live Demo](https://dinomoon.github.io/50projects50days/12.%20FAQ%20Collapse) | | 13 | [Random Choice Picker](https://github.com/dinomoon/50projects50days/tree/master/13.%20Random%20Choice%20Picker) | [Live Demo](https://dinomoon.github.io/50projects50days/13.%20Random%20Choice%20Picker) | | 14 | [Animated Navigation](https://github.com/dinomoon/50projects50days/tree/master/14.%20Animated%20Navigation) | [Live Demo](https://dinomoon.github.io/50projects50days/14.%20Animated%20Navigation) | | 15 | [Incrementing Counter](https://github.com/dinomoon/50projects50days/tree/master/15.%20Incrementing%20Counter) | [Live Demo](https://dinomoon.github.io/50projects50days/15.%20Incrementing%20Counter) | | 16 | [Drink Water](https://github.com/dinomoon/50projects50days/tree/master/16.%20Drink%20Water) | [Live Demo](https://dinomoon.github.io/50projects50days/16.%20Drink%20Water) | | 17 | [Movie App](https://github.com/dinomoon/50projects50days/tree/master/17.%20Movie%20App) | [Live Demo](https://dinomoon.github.io/50projects50days/17.%20Movie%20App) | | 18 | [Background Slider](https://github.com/dinomoon/50projects50days/tree/master/18.%20Background%20Slider) | [Live Demo](https://dinomoon.github.io/50projects50days/18.%20Background%20Slider) | | 19 | [Theme Clock](https://github.com/dinomoon/50projects50days/tree/master/19.%20Theme%20Clock) | [Live Demo](https://dinomoon.github.io/50projects50days/19.%20Theme%20Clock) | | 20 | [Button Ripple Effect](https://github.com/dinomoon/50projects50days/tree/master/20.%20Button%20Ripple%20Effect) | [Live Demo](https://dinomoon.github.io/50projects50days/20.%20Button%20Ripple%20Effect) | | 21 | [Drag N Drop](https://github.com/dinomoon/50projects50days/tree/master/21.%20Drag%20N%20Drop) | [Live Demo](https://dinomoon.github.io/50projects50days/21.%20Drag%20N%20Drop) | | 22 | [Drawing App](https://github.com/dinomoon/50projects50days/tree/master/22.%20Drawing%20App) | [Live Demo](https://dinomoon.github.io/50projects50days/22.%20Drawing%20App) | | 23 | [Kinetic Loader](https://github.com/dinomoon/50projects50days/tree/master/23.%20Kinetic%20Loader) | [Live Demo](https://dinomoon.github.io/50projects50days/23.%20Kinetic%20Loader) | | 24 | [Content Placeholder](https://github.com/dinomoon/50projects50days/tree/master/24.%20Content%20Placeholder) | [Live Demo](https://dinomoon.github.io/50projects50days/24.%20Content%20Placeholder) | | 25 | [Sticky Navbar](https://github.com/dinomoon/50projects50days/tree/master/25.%20Sticky%20Navbar) | [Live Demo](https://dinomoon.github.io/50projects50days/25.%20Sticky%20Navbar) | | 26 | [Double Vertical Slider](https://github.com/dinomoon/50projects50days/tree/master/26.%20Double%20Vertical%20Slider) | [Live Demo](https://dinomoon.github.io/50projects50days/26.%20Double%20Vertical%20Slider) | | 27 | [Toast Notification](https://github.com/dinomoon/50projects50days/tree/master/27.%20Toast%20Notification) | [Live Demo](https://dinomoon.github.io/50projects50days/27.%20Toast%20Notification) | | 28 | [Github Profiles](https://github.com/bradtraversy/50projects50days/tree/master/github-profiles) | [Live Demo](https://50projects50days.com/projects/github-profiles/) | | 29 | [Double Click Heart](https://github.com/bradtraversy/50projects50days/tree/master/double-click-heart) | [Live Demo](https://50projects50days.com/projects/double-click-heart/) | | 30 | [Auto Text Effect](https://github.com/bradtraversy/50projects50days/tree/master/auto-text-effect) | [Live Demo](https://50projects50days.com/projects/auto-text-effect/) | | 31 | [Password Generator](https://github.com/bradtraversy/50projects50days/tree/master/password-generator) | [Live Demo](https://50projects50days.com/projects/password-generator/) | | 32 | [Good Cheap Fast](https://github.com/bradtraversy/50projects50days/tree/master/good-cheap-fast) | [Live Demo](https://50projects50days.com/projects/good-cheap-fast/) | | 33 | [Notes App](https://github.com/bradtraversy/50projects50days/tree/master/notes-app) | [Live Demo](https://50projects50days.com/projects/notes-app/) | | 34 | [Animated Countdown](https://github.com/bradtraversy/50projects50days/tree/master/animated-countdown) | [Live Demo](https://50projects50days.com/projects/animated-countdown/) | | 35 | [Image Carousel](https://github.com/bradtraversy/50projects50days/tree/master/image-carousel) | [Live Demo](https://50projects50days.com/projects/image-carousel/) | | 36 | [Hoverboard](https://github.com/bradtraversy/50projects50days/tree/master/hoverboard) | [Live Demo](https://50projects50days.com/projects/hoverboard/) | | 37 | [Pokedex](https://github.com/bradtraversy/50projects50days/tree/master/pokedex) | [Live Demo](https://50projects50days.com/projects/pokedex/) | | 38 | [Mobile Tab Navigation](https://github.com/bradtraversy/50projects50days/tree/master/mobile-tab-navigation) | [Live Demo](https://50projects50days.com/projects/mobile-tab-navigation/) | | 39 | [Password Strength Background](https://github.com/bradtraversy/50projects50days/tree/master/password-strength-background) | [Live Demo](https://50projects50days.com/projects/password-strength-background/) | | 40 | [3d Background Boxes](https://github.com/bradtraversy/50projects50days/tree/master/3d-boxes-background) | [Live Demo](https://50projects50days.com/projects/3d-background-boxes/) | | 41 | [Verify Account Ui](https://github.com/bradtraversy/50projects50days/tree/master/verify-account-ui) | [Live Demo](https://50projects50days.com/projects/verify-account-ui/) | | 42 | [Live User Filter](https://github.com/bradtraversy/50projects50days/tree/master/live-user-filter) | [Live Demo](https://50projects50days.com/projects/live-user-filter/) | | 43 | [Feedback Ui Design](https://github.com/bradtraversy/50projects50days/tree/master/feedback-ui-design) | [Live Demo](https://50projects50days.com/projects/feedback-ui-design/) | | 44 | [Custom Range Slider](https://github.com/bradtraversy/50projects50days/tree/master/custom-range-slider) | [Live Demo](https://50projects50days.com/projects/custom-range-slider/) | | 45 | [Netflix Mobile Navigation](https://github.com/bradtraversy/50projects50days/tree/master/netflix-mobile-navigation) | [Live Demo](https://50projects50days.com/projects/netflix-mobile-navigation/) | | 46 | [Quiz App](https://github.com/bradtraversy/50projects50days/tree/master/quiz-app) | [Live Demo](https://50projects50days.com/projects/quiz-app/) | | 47 | [Testimonial Box Switcher](https://github.com/bradtraversy/50projects50days/tree/master/testimonial-box-switcher) | [Live Demo](https://50projects50days.com/projects/testimonial-box-switcher/) | | 48 | [Random Image Feed](https://github.com/bradtraversy/50projects50days/tree/master/random-image-generator) | [Live Demo](https://50projects50days.com/projects/random-image-feed/) | | 49 | [Todo List](https://github.com/bradtraversy/50projects50days/tree/master/todo-list) | [Live Demo](https://50projects50days.com/projects/todo-list/) | | 50 | [Insect Catch Game](https://github.com/bradtraversy/50projects50days/tree/master/insect-catch-game) | [Live Demo](https://50projects50days.com/projects/insect-catch-game/) |