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: about 1 month ago
JSON representation

Ionic + Vue: A Simple FireStore CRUD Web App Project

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