Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 4 days 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 (6 months ago)
Default Branch: main
Last Pushed: 2024-05-10T10:20:41.000Z (5 months ago)
Last Synced: 2024-09-26T09:03:01.486Z (7 days 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