{"id":25834518,"url":"https://github.com/techmely/vue3-practice-course","last_synced_at":"2025-06-24T15:09:40.014Z","repository":{"id":279156906,"uuid":"844302573","full_name":"techmely/vue3-practice-course","owner":"techmely","description":"Project vận dụng Vue 3 để làm các projec theo ý muốn của bạn!","archived":false,"fork":false,"pushed_at":"2025-02-24T04:25:19.000Z","size":2522,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-24T05:27:38.262Z","etag":null,"topics":["ai","buildinpublic","claude-ai","coderabbit","cursor","firebase-auth","framer-motion","pinia","techmely","tutorial","vue3","zod-validation"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/playlist?list=PLwJIrGynFq9BwVv-zl8OUVekY-7mcABww","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/techmely.png","metadata":{"files":{"readme":"README.en.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-19T01:04:19.000Z","updated_at":"2025-02-24T04:25:22.000Z","dependencies_parsed_at":"2025-02-24T05:38:28.414Z","dependency_job_id":null,"html_url":"https://github.com/techmely/vue3-practice-course","commit_stats":null,"previous_names":["techmely/vue3-practice-course"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmely%2Fvue3-practice-course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmely%2Fvue3-practice-course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmely%2Fvue3-practice-course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmely%2Fvue3-practice-course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techmely","download_url":"https://codeload.github.com/techmely/vue3-practice-course/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241300399,"owners_count":19940487,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","buildinpublic","claude-ai","coderabbit","cursor","firebase-auth","framer-motion","pinia","techmely","tutorial","vue3","zod-validation"],"created_at":"2025-03-01T00:58:32.686Z","updated_at":"2025-06-24T15:09:40.003Z","avatar_url":"https://github.com/techmely.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Techmely Vue3 Academy - Free youtube\n\nThank [hieuhani](https://github.com/hieuhani) for [techgoda](https://github.com/hieuhani/techgoda) project \u0026 [publiz](https://github.com/hieuhani/publiz) API for me do this course.\n\n## **We cover the fundamentals, like:**\n\n- Setting up Vue 3 project using Vite\n- Integrating VueDevTools with Vue js 3\n- Routing with Vue Router and File Based Routing with unplugin-vue-router\n- Vue Component and Composable Design with the Composition API\n- State management with Pinia\n- Modern Javascript (ES2023/ESNext)\n- User permissions \u0026 Route Guards\n- Data and File Storage, plus Authentication with Firebase\n- Automatic code review with CodeRabbit\n- Linting/Formatting with ESLint + Prettier\n- Consuming REST APIs\n- Application architecture and best practices\n- Error handling and monitoring\n\n## **We also dive into practical real world features and how to implement them quickly:**\n\n- Using OpenAI with some prompts to get some key take-aways from articles.\n- Robust and beautiful components with TailwindCSS and ShadCN Vue\n- Data filtering and searching strategies across multiple resources (articles, jobs, tags)\n- Forms and Validation with Autoform + Zod\n- Auto saving on edits to inline content\n- Pagination and Infinite scroll support\n- Real time commenting\n- Analytics and events tracking with Google Analytics 4, Google Tag Manager, and Sentry.\n\n## **Vuejs API we will use**\n\n### **Global \u0026 General API**\n\n- [app.directive](https://vuejs.org/api/application.html#app-directive)\n- [app.provide](https://vuejs.org/api/application.html#app-provide)\n- [app.config.errorHandler](https://vuejs.org/api/application.html#app-config-errorhandler)\n- [app.config.performance](https://vuejs.org/api/application.html#app-config-performance)\n- [nexttick](https://vuejs.org/api/general.html#nexttick)\n- [defineComponent](https://vuejs.org/api/general.html#definecomponent)\n- [defineProps \u0026 defineEmits](https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits)\n- [defineExpose](https://vuejs.org/api/general.html#defineexpose)\n\n### **Composition API**\n\n- [ref](https://vuejs.org/api/reactivity-core.html#ref)\n- [reactive](https://vuejs.org/api/reactivity-core.html#reactive)\n- [computed](https://vuejs.org/api/reactivity-core.html#computed)\n- [watchEffect](https://vuejs.org/api/reactivity-core.html#watcheffect)\n- [watch](https://vuejs.org/api/reactivity-core.html#watch)\n- [effectScope](https://vuejs.org/api/reactivity-advanced.html#effectscope)\n- [Lifecycle Hooks](https://vuejs.org/api/composition-api-lifecycle.html)\n- [Dependency Injection](https://vuejs.org/api/composition-api-dependency-injection.html)\n\nBy completing the Vue 3 Techmely, you will be able to land any Vue.js related job or optimize/improve your own projects!\n\nRequirements You should be familiar with JavaScript, HTML, basic CSS, and have fundamental knowledge of Vue.js (specifically with the Composition API).\n\nYou could check out our Vuejs courses for FREE: https://www.youtube.com/watch?v=Vg9n_YRGPIY\u0026list=PLwJIrGynFq9B_BQJZJi-ikWDDkYKVUpM5\n\n## Project Setup\n\n```sh\nbun i\n```\n\n### Compile and Hot-Reload for Development\n\n```sh\nbun run dev\n```\n\n### ENV Variables\n\nMake sure to provide the env variables listed in the `.env.example` file along with their values.\n\n```\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechmely%2Fvue3-practice-course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechmely%2Fvue3-practice-course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechmely%2Fvue3-practice-course/lists"}