https://github.com/erenmulkoglu/vue-apps
Vue.js 3, Vuex, Vue Router ve Firebase ile geliştirilmiş 6 full-stack uygulama koleksiyonu. Blog, Chat, ToDo ve Project Planner içerir.(Collection of 6 full-stack applications built with Vue.js 3, Vuex, Vue Router, and Firebase. Includes Blog, Chat, ToDo, and Project Planner.)
https://github.com/erenmulkoglu/vue-apps
bootstrap chatapp css database firebase html javascript npm todo vue vuex
Last synced: 3 months ago
JSON representation
Vue.js 3, Vuex, Vue Router ve Firebase ile geliştirilmiş 6 full-stack uygulama koleksiyonu. Blog, Chat, ToDo ve Project Planner içerir.(Collection of 6 full-stack applications built with Vue.js 3, Vuex, Vue Router, and Firebase. Includes Blog, Chat, ToDo, and Project Planner.)
- Host: GitHub
- URL: https://github.com/erenmulkoglu/vue-apps
- Owner: erenmulkoglu
- Created: 2025-09-30T08:11:35.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-10-06T06:55:58.000Z (9 months ago)
- Last Synced: 2025-10-24T16:26:18.416Z (9 months ago)
- Topics: bootstrap, chatapp, css, database, firebase, html, javascript, npm, todo, vue, vuex
- Language: Vue
- Homepage:
- Size: 230 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Vue.js Full-Stack Application Collection
Vue.js kapsamında geliştirdiğim 6 farklı full-stack uygulama koleksiyonu. Modern web geliştirme teknolojileri ve best practices uygulanarak geliştirildi.
(A collection of 6 different full-stack applications I developed within Vue.js. Developed using modern web development technologies and best practices.)
## Projects
### Uygulama-1
Vue.js'in temel özellikleri ve component yapısı üzerine geliştirilen bir proje. Kurulum, data binding, event handling ve component lifecycle yönetimi uygulandı.
(A project developed based on the core features and component structure of Vue.js. Installation, data binding, event handling, and component lifecycle management were implemented.)
### Project Planner (Uygulama-2)
Proje yönetim uygulaması. CRUD işlemleri, filtreleme, sıralama ve veri görselleştirme özellikleri içerir. Component composition, props/emit yapısı ve reactive data management uygulandı.
(Project management application featuring CRUD operations, filtering, sorting, and data visualization. Implements component composition, props/emit pattern, and reactive data management.)
### ToDo App (Uygulama-3)
Task yönetim uygulaması. Local storage entegrasyonu, dinamik liste yönetimi ve form validasyonu içerir. Computed properties ve watchers kullanıldı.
(Task management application with local storage integration, dynamic list management, and form validation. Utilizes computed properties and watchers.)
### Blog Application (Uygulama-4)
Firebase entegreli blog platformu. Firestore database, authentication, real-time updates ve post management sistemi. Router kullanımı, navigation guards, composable components ve Firebase CRUD operasyonları uygulandı.
(Firebase-integrated blog platform with Firestore database, authentication, real-time updates, and post management system. Implements router usage, navigation guards, composable components, and Firebase CRUD operations.)
### Chat Application (Uygulama-5)
Gerçek zamanlı mesajlaşma uygulaması. Firebase Authentication, Firestore real-time database, user presence tracking ve message formatting özellikleri içerir. Vuex ile state management, route guards, context emit pattern ve snapshot listeners uygulandı.
(Real-time messaging application featuring Firebase Authentication, Firestore real-time database, user presence tracking, and message formatting. Implements Vuex state management, route guards, context emit pattern, and snapshot listeners.)
### Vue Application (Uygulama-6)
Tüm kavramların bir araya getirildiği kapsamlı uygulama. Component architecture, routing, state management ve Firebase integration best practices uygulandı.
(A comprehensive application that brings together all concepts. Component architecture, routing, state management, and Firebase integration best practices were implemented.)
## Kullanılan Teknolojiler
- Frontend: Vue.js 3, Vue Router, Vuex
- Backend & Database: Firebase (Authentication, Firestore, Hosting)
- UI/Styling: Bootstrap, Custom CSS, HTML5
- Languages: JavaScript (ES6+)
- Tools: Vue CLI, npm