Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bkozii/ionic-vue-firestore-crud
Ionic + Vue: A Simple FireStore CRUD Web App Project
https://github.com/bkozii/ionic-vue-firestore-crud
crud firebase firebase-database ionic vue vue3 vuefire vuejs
Last synced: about 1 month ago
JSON representation
Ionic + Vue: A Simple FireStore CRUD Web App Project
- Host: GitHub
- URL: https://github.com/bkozii/ionic-vue-firestore-crud
- Owner: bKoZii
- Created: 2024-04-11T12:58:47.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-10T10:20:41.000Z (8 months ago)
- Last Synced: 2024-11-27T21:41:33.095Z (about 1 month ago)
- Topics: crud, firebase, firebase-database, ionic, vue, vue3, vuefire, vuejs
- Language: Vue
- Homepage:
- Size: 331 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ionic + Vue + VueFire - Firestore CRUD
![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)![Ionic](https://img.shields.io/badge/Ionic-%233880FF.svg?style=for-the-badge&logo=Ionic&logoColor=white)![Firebase](https://img.shields.io/badge/firebase-a08021?style=for-the-badge&logo=firebase&logoColor=ffcd34)
Simple Firestore CRUD Web Application Made by Ionic 7 with Vue.js 3, VueFire
## Todos
- [x] CRUD Function
- [ ] Form Validations## Screenshots
| | |
|:-------:|:-------:|
| ![AddMember](/github/addMember.png) | ![MemberList](/github/memberList.png) |
| Add Member Form | Member List || | |
|:-------:|:-------:|
| ![MemberDetails](/github/memberDetail.png) | ![Edit Member](/github/editMember.png) |
| Member Details | Member Editing |## How to run
1. Install the Ionic CLI `npm install -g @ionic/cli`
2. Clone this repository `git clone https://github.com/bKoZii/ionic-vue-firestore-crud`
3. Run `npm install` in this Project Folder
4. Run `ionic serve` in this Project Folder