├── .github └── workflows │ └── deploy.yml ├── .gitignore ├── .husky ├── commit-msg └── pre-commit ├── .vscode ├── extensions.json └── settings.json ├── LICENSE ├── README.md ├── auto-imports.d.ts ├── commitlint.config.js ├── eslint.config.js ├── index.html ├── package.json ├── pnpm-lock.yaml ├── public └── logo.svg ├── src ├── App.vue ├── api │ ├── http.ts │ └── request.ts ├── assets │ ├── imgs │ │ ├── 001.jpg │ │ ├── 002.jpg │ │ ├── 003.png │ │ ├── 004.jpg │ │ ├── 005.jpg │ │ ├── 006.jpg │ │ ├── 007.jpg │ │ ├── 008.jpg │ │ ├── 009.jpg │ │ ├── Netflix_Logo_2014-700x188.png │ │ ├── cover.png │ │ ├── external-emoji-neumojis-smiley-neu-royyan-wijaya-17.png │ │ ├── external-emoji-neumojis-smiley-neu-royyan-wijaya-3.png │ │ └── external-emoji-neumojis-smiley-neu-royyan-wijaya-30.png │ └── vue.svg ├── components │ └── Navigation.vue ├── main.ts ├── mock │ └── index.ts ├── router │ └── index.ts ├── styles │ └── init.css └── views │ ├── Day01_ExpandingCards │ ├── Index.vue │ └── index.scss │ ├── Day02_ProgressSteps │ ├── Index.vue │ └── index.scss │ ├── Day04_HiddenSearchWidget │ ├── Index.vue │ └── index.scss │ ├── Day05_BlurryLoading │ ├── Index.vue │ └── index.scss │ ├── Day07_SplitLandingPage │ ├── Index.vue │ ├── index.scss │ ├── ps.jpg │ └── xbox.jpg │ ├── Day08_FormInputWave │ ├── Index.vue │ └── index.scss │ ├── Day09_SoundBoard │ ├── Index.vue │ ├── audios │ │ ├── boo.mp3 │ │ ├── gasp.mp3 │ │ ├── tada.mp3 │ │ └── wrong.mp3 │ └── index.scss │ ├── Day10_DadJokes │ ├── Index.vue │ └── index.scss │ ├── Day11_EventKeyCodes │ ├── Index.vue │ └── index.scss │ ├── Day12_FaqCollapse │ ├── Index.vue │ └── index.scss │ ├── Day13_RandomChoicePicker │ ├── Index.vue │ └── index.scss │ ├── Day14_AnimatedNavigation │ ├── Index.vue │ └── index.scss │ ├── Day15_IncrementingCounter │ ├── Index.vue │ └── index.scss │ ├── Day16_DrinkWater │ ├── Index.vue │ └── index.scss │ ├── Day18_BackgroundSlider │ ├── Index.vue │ └── index.scss │ ├── Day19_ThemeClock │ ├── Index.vue │ └── index.scss │ ├── Day20_ButtonRippleEffect │ ├── Index.vue │ └── index.scss │ ├── Day21_DragNDrop │ ├── Index.vue │ └── index.scss │ ├── Day22_DrawingApp │ ├── Index.vue │ └── index.scss │ ├── Day23_KineticLoader │ ├── Index.vue │ └── index.scss │ ├── Day24_ContentPlaceholder │ ├── Index.vue │ └── index.scss │ ├── Day25_StickyNavigation │ ├── Index.vue │ └── index.scss │ ├── Day26_DoubleVerticalSlider │ ├── Index.vue │ └── index.scss │ ├── Day27_ToastNotification │ ├── Index.vue │ └── index.scss │ ├── Day28_GithubProfiles │ ├── Index.vue │ └── index.scss │ ├── Day29_DoubleClickHeart │ ├── Index.vue │ └── index.scss │ ├── Day30_AutoTextEffect │ ├── Index.vue │ └── index.scss │ ├── Day31_PasswordGenerator │ ├── Index.vue │ └── index.scss │ ├── Day32_GoodCheapFast │ ├── Index.vue │ └── index.scss │ ├── Day33_NotesApp │ ├── Index.vue │ └── index.scss │ ├── Day34_AnimatedCountdown │ ├── Index.vue │ └── index.scss │ ├── Day35_ImageCarousel │ ├── Index.vue │ └── index.scss │ ├── Day36_HoverBoard │ ├── Index.vue │ └── index.scss │ ├── Day38_MobileTabNavigation │ ├── Index.vue │ └── index.scss │ ├── Day40_3dBackgroundBoxes │ ├── Index.vue │ └── index.scss │ ├── Day41_VerifyAccountUi │ ├── Index.vue │ └── index.scss │ ├── Day42_LiveUserFilter │ ├── Index.vue │ └── index.scss │ ├── Day43_FeedbackUiDesign │ ├── Index.vue │ └── index.scss │ ├── Day44_CustomRangeSlider │ ├── Index.vue │ └── index.scss │ ├── Day45_NetflixMobileNavigation │ ├── Index.vue │ └── index.scss │ ├── Day46_QuizApp │ ├── Index.vue │ └── index.scss │ ├── Day47_TestimonialBoxSwitcher │ ├── Index.vue │ └── index.scss │ ├── Day48_RandomImageFeed │ ├── Index.vue │ └── index.scss │ ├── Day49_ToDoList │ ├── Index.vue │ └── index.scss │ ├── Day50_InsectCatchGame │ ├── Index.vue │ └── index.scss │ ├── Day51_GluttonousSnake │ ├── Index.vue │ └── index.scss │ ├── day03_RotatingNavigationAnimation │ ├── Index.vue │ ├── index.scss │ └── pages │ │ ├── Page01.vue │ │ ├── Page02.vue │ │ └── Page03.vue │ └── day06_ScrollAnimation │ ├── Index.vue │ └── index.scss ├── tsconfig.json └── vite.config.js /.github/workflows/deploy.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/.github/workflows/deploy.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/.gitignore -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | pnpm commitlint ${1} -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | pnpm lint-staged -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/README.md -------------------------------------------------------------------------------- /auto-imports.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/auto-imports.d.ts -------------------------------------------------------------------------------- /commitlint.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/commitlint.config.js -------------------------------------------------------------------------------- /eslint.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/eslint.config.js -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /public/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/public/logo.svg -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/App.vue -------------------------------------------------------------------------------- /src/api/http.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/api/http.ts -------------------------------------------------------------------------------- /src/api/request.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/api/request.ts -------------------------------------------------------------------------------- /src/assets/imgs/001.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/001.jpg -------------------------------------------------------------------------------- /src/assets/imgs/002.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/002.jpg -------------------------------------------------------------------------------- /src/assets/imgs/003.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/003.png -------------------------------------------------------------------------------- /src/assets/imgs/004.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/004.jpg -------------------------------------------------------------------------------- /src/assets/imgs/005.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/005.jpg -------------------------------------------------------------------------------- /src/assets/imgs/006.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/006.jpg -------------------------------------------------------------------------------- /src/assets/imgs/007.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/007.jpg -------------------------------------------------------------------------------- /src/assets/imgs/008.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/008.jpg -------------------------------------------------------------------------------- /src/assets/imgs/009.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/009.jpg -------------------------------------------------------------------------------- /src/assets/imgs/Netflix_Logo_2014-700x188.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/Netflix_Logo_2014-700x188.png -------------------------------------------------------------------------------- /src/assets/imgs/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/cover.png -------------------------------------------------------------------------------- /src/assets/imgs/external-emoji-neumojis-smiley-neu-royyan-wijaya-17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/external-emoji-neumojis-smiley-neu-royyan-wijaya-17.png -------------------------------------------------------------------------------- /src/assets/imgs/external-emoji-neumojis-smiley-neu-royyan-wijaya-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/external-emoji-neumojis-smiley-neu-royyan-wijaya-3.png -------------------------------------------------------------------------------- /src/assets/imgs/external-emoji-neumojis-smiley-neu-royyan-wijaya-30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/imgs/external-emoji-neumojis-smiley-neu-royyan-wijaya-30.png -------------------------------------------------------------------------------- /src/assets/vue.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/assets/vue.svg -------------------------------------------------------------------------------- /src/components/Navigation.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/components/Navigation.vue -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/main.ts -------------------------------------------------------------------------------- /src/mock/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/mock/index.ts -------------------------------------------------------------------------------- /src/router/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/router/index.ts -------------------------------------------------------------------------------- /src/styles/init.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/styles/init.css -------------------------------------------------------------------------------- /src/views/Day01_ExpandingCards/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day01_ExpandingCards/Index.vue -------------------------------------------------------------------------------- /src/views/Day01_ExpandingCards/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day01_ExpandingCards/index.scss -------------------------------------------------------------------------------- /src/views/Day02_ProgressSteps/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day02_ProgressSteps/Index.vue -------------------------------------------------------------------------------- /src/views/Day02_ProgressSteps/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day02_ProgressSteps/index.scss -------------------------------------------------------------------------------- /src/views/Day04_HiddenSearchWidget/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day04_HiddenSearchWidget/Index.vue -------------------------------------------------------------------------------- /src/views/Day04_HiddenSearchWidget/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day04_HiddenSearchWidget/index.scss -------------------------------------------------------------------------------- /src/views/Day05_BlurryLoading/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day05_BlurryLoading/Index.vue -------------------------------------------------------------------------------- /src/views/Day05_BlurryLoading/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day05_BlurryLoading/index.scss -------------------------------------------------------------------------------- /src/views/Day07_SplitLandingPage/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day07_SplitLandingPage/Index.vue -------------------------------------------------------------------------------- /src/views/Day07_SplitLandingPage/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day07_SplitLandingPage/index.scss -------------------------------------------------------------------------------- /src/views/Day07_SplitLandingPage/ps.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day07_SplitLandingPage/ps.jpg -------------------------------------------------------------------------------- /src/views/Day07_SplitLandingPage/xbox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day07_SplitLandingPage/xbox.jpg -------------------------------------------------------------------------------- /src/views/Day08_FormInputWave/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day08_FormInputWave/Index.vue -------------------------------------------------------------------------------- /src/views/Day08_FormInputWave/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day08_FormInputWave/index.scss -------------------------------------------------------------------------------- /src/views/Day09_SoundBoard/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day09_SoundBoard/Index.vue -------------------------------------------------------------------------------- /src/views/Day09_SoundBoard/audios/boo.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day09_SoundBoard/audios/boo.mp3 -------------------------------------------------------------------------------- /src/views/Day09_SoundBoard/audios/gasp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day09_SoundBoard/audios/gasp.mp3 -------------------------------------------------------------------------------- /src/views/Day09_SoundBoard/audios/tada.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day09_SoundBoard/audios/tada.mp3 -------------------------------------------------------------------------------- /src/views/Day09_SoundBoard/audios/wrong.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day09_SoundBoard/audios/wrong.mp3 -------------------------------------------------------------------------------- /src/views/Day09_SoundBoard/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day09_SoundBoard/index.scss -------------------------------------------------------------------------------- /src/views/Day10_DadJokes/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day10_DadJokes/Index.vue -------------------------------------------------------------------------------- /src/views/Day10_DadJokes/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day10_DadJokes/index.scss -------------------------------------------------------------------------------- /src/views/Day11_EventKeyCodes/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day11_EventKeyCodes/Index.vue -------------------------------------------------------------------------------- /src/views/Day11_EventKeyCodes/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day11_EventKeyCodes/index.scss -------------------------------------------------------------------------------- /src/views/Day12_FaqCollapse/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day12_FaqCollapse/Index.vue -------------------------------------------------------------------------------- /src/views/Day12_FaqCollapse/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day12_FaqCollapse/index.scss -------------------------------------------------------------------------------- /src/views/Day13_RandomChoicePicker/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day13_RandomChoicePicker/Index.vue -------------------------------------------------------------------------------- /src/views/Day13_RandomChoicePicker/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day13_RandomChoicePicker/index.scss -------------------------------------------------------------------------------- /src/views/Day14_AnimatedNavigation/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day14_AnimatedNavigation/Index.vue -------------------------------------------------------------------------------- /src/views/Day14_AnimatedNavigation/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day14_AnimatedNavigation/index.scss -------------------------------------------------------------------------------- /src/views/Day15_IncrementingCounter/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day15_IncrementingCounter/Index.vue -------------------------------------------------------------------------------- /src/views/Day15_IncrementingCounter/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day15_IncrementingCounter/index.scss -------------------------------------------------------------------------------- /src/views/Day16_DrinkWater/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day16_DrinkWater/Index.vue -------------------------------------------------------------------------------- /src/views/Day16_DrinkWater/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day16_DrinkWater/index.scss -------------------------------------------------------------------------------- /src/views/Day18_BackgroundSlider/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day18_BackgroundSlider/Index.vue -------------------------------------------------------------------------------- /src/views/Day18_BackgroundSlider/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day18_BackgroundSlider/index.scss -------------------------------------------------------------------------------- /src/views/Day19_ThemeClock/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day19_ThemeClock/Index.vue -------------------------------------------------------------------------------- /src/views/Day19_ThemeClock/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day19_ThemeClock/index.scss -------------------------------------------------------------------------------- /src/views/Day20_ButtonRippleEffect/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day20_ButtonRippleEffect/Index.vue -------------------------------------------------------------------------------- /src/views/Day20_ButtonRippleEffect/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day20_ButtonRippleEffect/index.scss -------------------------------------------------------------------------------- /src/views/Day21_DragNDrop/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day21_DragNDrop/Index.vue -------------------------------------------------------------------------------- /src/views/Day21_DragNDrop/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day21_DragNDrop/index.scss -------------------------------------------------------------------------------- /src/views/Day22_DrawingApp/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day22_DrawingApp/Index.vue -------------------------------------------------------------------------------- /src/views/Day22_DrawingApp/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day22_DrawingApp/index.scss -------------------------------------------------------------------------------- /src/views/Day23_KineticLoader/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day23_KineticLoader/Index.vue -------------------------------------------------------------------------------- /src/views/Day23_KineticLoader/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day23_KineticLoader/index.scss -------------------------------------------------------------------------------- /src/views/Day24_ContentPlaceholder/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day24_ContentPlaceholder/Index.vue -------------------------------------------------------------------------------- /src/views/Day24_ContentPlaceholder/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day24_ContentPlaceholder/index.scss -------------------------------------------------------------------------------- /src/views/Day25_StickyNavigation/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day25_StickyNavigation/Index.vue -------------------------------------------------------------------------------- /src/views/Day25_StickyNavigation/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day25_StickyNavigation/index.scss -------------------------------------------------------------------------------- /src/views/Day26_DoubleVerticalSlider/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day26_DoubleVerticalSlider/Index.vue -------------------------------------------------------------------------------- /src/views/Day26_DoubleVerticalSlider/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day26_DoubleVerticalSlider/index.scss -------------------------------------------------------------------------------- /src/views/Day27_ToastNotification/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day27_ToastNotification/Index.vue -------------------------------------------------------------------------------- /src/views/Day27_ToastNotification/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day27_ToastNotification/index.scss -------------------------------------------------------------------------------- /src/views/Day28_GithubProfiles/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day28_GithubProfiles/Index.vue -------------------------------------------------------------------------------- /src/views/Day28_GithubProfiles/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day28_GithubProfiles/index.scss -------------------------------------------------------------------------------- /src/views/Day29_DoubleClickHeart/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day29_DoubleClickHeart/Index.vue -------------------------------------------------------------------------------- /src/views/Day29_DoubleClickHeart/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day29_DoubleClickHeart/index.scss -------------------------------------------------------------------------------- /src/views/Day30_AutoTextEffect/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day30_AutoTextEffect/Index.vue -------------------------------------------------------------------------------- /src/views/Day30_AutoTextEffect/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day30_AutoTextEffect/index.scss -------------------------------------------------------------------------------- /src/views/Day31_PasswordGenerator/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day31_PasswordGenerator/Index.vue -------------------------------------------------------------------------------- /src/views/Day31_PasswordGenerator/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day31_PasswordGenerator/index.scss -------------------------------------------------------------------------------- /src/views/Day32_GoodCheapFast/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day32_GoodCheapFast/Index.vue -------------------------------------------------------------------------------- /src/views/Day32_GoodCheapFast/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day32_GoodCheapFast/index.scss -------------------------------------------------------------------------------- /src/views/Day33_NotesApp/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day33_NotesApp/Index.vue -------------------------------------------------------------------------------- /src/views/Day33_NotesApp/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day33_NotesApp/index.scss -------------------------------------------------------------------------------- /src/views/Day34_AnimatedCountdown/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day34_AnimatedCountdown/Index.vue -------------------------------------------------------------------------------- /src/views/Day34_AnimatedCountdown/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day34_AnimatedCountdown/index.scss -------------------------------------------------------------------------------- /src/views/Day35_ImageCarousel/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day35_ImageCarousel/Index.vue -------------------------------------------------------------------------------- /src/views/Day35_ImageCarousel/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day35_ImageCarousel/index.scss -------------------------------------------------------------------------------- /src/views/Day36_HoverBoard/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day36_HoverBoard/Index.vue -------------------------------------------------------------------------------- /src/views/Day36_HoverBoard/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day36_HoverBoard/index.scss -------------------------------------------------------------------------------- /src/views/Day38_MobileTabNavigation/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day38_MobileTabNavigation/Index.vue -------------------------------------------------------------------------------- /src/views/Day38_MobileTabNavigation/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day38_MobileTabNavigation/index.scss -------------------------------------------------------------------------------- /src/views/Day40_3dBackgroundBoxes/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day40_3dBackgroundBoxes/Index.vue -------------------------------------------------------------------------------- /src/views/Day40_3dBackgroundBoxes/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day40_3dBackgroundBoxes/index.scss -------------------------------------------------------------------------------- /src/views/Day41_VerifyAccountUi/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day41_VerifyAccountUi/Index.vue -------------------------------------------------------------------------------- /src/views/Day41_VerifyAccountUi/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day41_VerifyAccountUi/index.scss -------------------------------------------------------------------------------- /src/views/Day42_LiveUserFilter/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day42_LiveUserFilter/Index.vue -------------------------------------------------------------------------------- /src/views/Day42_LiveUserFilter/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day42_LiveUserFilter/index.scss -------------------------------------------------------------------------------- /src/views/Day43_FeedbackUiDesign/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day43_FeedbackUiDesign/Index.vue -------------------------------------------------------------------------------- /src/views/Day43_FeedbackUiDesign/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day43_FeedbackUiDesign/index.scss -------------------------------------------------------------------------------- /src/views/Day44_CustomRangeSlider/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day44_CustomRangeSlider/Index.vue -------------------------------------------------------------------------------- /src/views/Day44_CustomRangeSlider/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day44_CustomRangeSlider/index.scss -------------------------------------------------------------------------------- /src/views/Day45_NetflixMobileNavigation/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day45_NetflixMobileNavigation/Index.vue -------------------------------------------------------------------------------- /src/views/Day45_NetflixMobileNavigation/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day45_NetflixMobileNavigation/index.scss -------------------------------------------------------------------------------- /src/views/Day46_QuizApp/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day46_QuizApp/Index.vue -------------------------------------------------------------------------------- /src/views/Day46_QuizApp/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day46_QuizApp/index.scss -------------------------------------------------------------------------------- /src/views/Day47_TestimonialBoxSwitcher/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day47_TestimonialBoxSwitcher/Index.vue -------------------------------------------------------------------------------- /src/views/Day47_TestimonialBoxSwitcher/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day47_TestimonialBoxSwitcher/index.scss -------------------------------------------------------------------------------- /src/views/Day48_RandomImageFeed/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day48_RandomImageFeed/Index.vue -------------------------------------------------------------------------------- /src/views/Day48_RandomImageFeed/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day48_RandomImageFeed/index.scss -------------------------------------------------------------------------------- /src/views/Day49_ToDoList/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day49_ToDoList/Index.vue -------------------------------------------------------------------------------- /src/views/Day49_ToDoList/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day49_ToDoList/index.scss -------------------------------------------------------------------------------- /src/views/Day50_InsectCatchGame/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day50_InsectCatchGame/Index.vue -------------------------------------------------------------------------------- /src/views/Day50_InsectCatchGame/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day50_InsectCatchGame/index.scss -------------------------------------------------------------------------------- /src/views/Day51_GluttonousSnake/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day51_GluttonousSnake/Index.vue -------------------------------------------------------------------------------- /src/views/Day51_GluttonousSnake/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/Day51_GluttonousSnake/index.scss -------------------------------------------------------------------------------- /src/views/day03_RotatingNavigationAnimation/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day03_RotatingNavigationAnimation/Index.vue -------------------------------------------------------------------------------- /src/views/day03_RotatingNavigationAnimation/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day03_RotatingNavigationAnimation/index.scss -------------------------------------------------------------------------------- /src/views/day03_RotatingNavigationAnimation/pages/Page01.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day03_RotatingNavigationAnimation/pages/Page01.vue -------------------------------------------------------------------------------- /src/views/day03_RotatingNavigationAnimation/pages/Page02.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day03_RotatingNavigationAnimation/pages/Page02.vue -------------------------------------------------------------------------------- /src/views/day03_RotatingNavigationAnimation/pages/Page03.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day03_RotatingNavigationAnimation/pages/Page03.vue -------------------------------------------------------------------------------- /src/views/day06_ScrollAnimation/Index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day06_ScrollAnimation/Index.vue -------------------------------------------------------------------------------- /src/views/day06_ScrollAnimation/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/src/views/day06_ScrollAnimation/index.scss -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hub-yang/50projects-vue3/HEAD/vite.config.js --------------------------------------------------------------------------------