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

https://github.com/atiqurcode/quasar-firebase-authentication-boilerplate

A firebase authentication application using vuejs and quasar. Where you can set your firbase project details and can use email/password login.
https://github.com/atiqurcode/quasar-firebase-authentication-boilerplate

firebase firebase-authentication quasar-framework vuejs

Last synced: 5 months ago
JSON representation

A firebase authentication application using vuejs and quasar. Where you can set your firbase project details and can use email/password login.

Awesome Lists containing this project

README

          

# Authentication Login/Register boilerplate using vueJS and firebase database (vuefire)

An Authentication Login/Register boilerplate using Vuejs and Firebase database (Vuefire).

### Create Firebase project

Go to the: [Firebase Console](https://console.firebase.google.com/)
Create a new project and get the Firebase configuration. Here are the instructions on how you can create the project with a screenshot or you may find a blog/tutorial to create any project.
What you need from the project is to get the Firebase config data to config with the project .env file

![Screenshot 1](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-1.png)
![Screenshot 2](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-2.png)
![Screenshot 3](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-3.png)
![Screenshot 4](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-4.png)
![Screenshot 5](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-5.png)
![Screenshot 7](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-7.png)
![Screenshot 8](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-8.png)
![Screenshot 9](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-9.png)
![Screenshot 10](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-10.png)
![Screenshot 11](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-11.png)
![Screenshot 12](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-12.png)
![Screenshot 13](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-13.png)
![Screenshot 14](https://raw.githubusercontent.com/AtiqurCode/quasar-firebase-authentication-boilerplate/master/public/screenshot/firebase-project-create-14.png)

### Copy the .env.example file
copy the file .env.example file as .env
or run the command in the project terminal

```
cp .env.example .env
```

### Configure your Firebase project to this clone GitHub project
```
FIREBASE_API_KEY=''
FIREBASE_AUTH_DOMAIN=''
FIREBASE_PROJECT_ID=''
FIREBASE_STORAGE_BUCKET=''
FIREBASE_MESSAGING_SENDER_ID=''
FIREBASE_APP_ID=''
```

setup all values in this key to worked with your firebase created project

## Install the dependencies

```bash
yarn
# or
npm install
```

### Start the app in development mode (hot-code reloading, error reporting, etc.)

```bash
quasar dev
```

### Lint the files

```bash
yarn lint
# or
npm run lint
```

### Format the files

```bash
yarn format
# or
npm run format
```

### Build the app for production

```bash
quasar build
```

### Customize the configuration

See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).

### Appreciate your contribution if you have time to push any code for this project
Thanks for you time to use this project and also be happier if you could give some time to contribute to making it more functional