Setup Vue JS

Introduction

Chatvia is a featured premium chat app in Vue Js, for authentication we used Firebase/Fack-backend authentication and developer-friendly codes. We have managed the chat with json object with all details of chat, image, emoji and files.

Note: You need to fill firebase credentials in .env file if you would like to use firebase authentication.

Prerequisites

Please follow below steps to install and setup all prerequisites:

  • Yarn

    Make sure to have the Yarn installed & running in your computer. If you already have installed Yarn on your computer, you can skip this step.

  • Git

    Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

  • Vue.js

    Make sure to have the Vue cli installed globally in your computer. If you already have installed on your computer, you can skip this step.

Installation

To setup the admin theme, follow below-mentioned steps:

  • Install Prerequisites

    Make sure to have all above prerequisites installed & running on your computer.

  • Install Dependencies

    Open your terminal at the root directory of the project, go to your folder and enter the command yarn install. This would install all the required dependencies in the node_modules folder.

Setup Firebase or Fack-Backend authentication.

Default we have set fack-backend authentication in this template. You can simply change to firebase or fack-backend by changing in .env file.
Fack-backend : VUE_APP_DEFAULT_AUTH=fakebackend

To setup firebase authentication fill the below details in the .env file.
Firebase : VUE_APP_DEFAULT_AUTH=firebase 

VUE_APP_DEFAULT_AUTH=firebase
VUE_APP_APIKEY=
VUE_APP_AUTHDOMAIN=
VUE_APP_DATABASEURL=
VUE_APP_PROJECTId=
VUE_APP_STORAGEBUCKET=
VUE_APP_MESSAGINGSENDERID=
VUE_APP_APPId=
VUE_APP_MEASUREMENTID=

After you finished with the above steps, you can run the following commands to run the project locally or build for production use:

Command Description
yarn This would install all the required dependencies in the node_modules folder.
yarn serve Runs the project locally, starts the development server and watches for any changes in your code. The development server is accessible at http://localhost:8080.
yarn build Generates a /dist directory with all the production files.
Multi Language Settings
  • Create de.json file with reference to default language file and add it to locales folder.
  • To setup new language fill the below details in the .env file.
  • VUE_APP_I18N_LOCALE=de
  • VUE_APP_I18N_FALLBACK_LOCALE=de
© Themesbrand.
Crafted with by Themesbrand