LonChat App

Communicating easier and more interesting with LonChat
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Screenshots
• Related Project
• Contact

About The Project

Lon-Chat is a web-based chat application, in this application the user can chat with friends that have been added. Users can also update their profile by going to the settings menu except "my current location" because the user's location will be updated automatically when the user logs in. Other more important information is that users can get unread message notifications, online / offline status and contact info.

Built With

• Vue v2
• Vue Bootstrap
• Socket.io-client

Getting Started

Prerequisites

Before going to the installation stage there are some software that must be installed first.

• NodeJs

Installation

If you want to run this project locally, I recommend you to configure the Back-End first before configuring this repo front-end.

1. Clone the repo

git clone https://github.com/Gefyaqiilah/LonChat-Front-End.git

2. Install NPM packages

npm install

3. Add .env file at root folder project, and add following

VUE_APP_SERVICE_API = YOUR_HOST_NAME
VUE_APP_ACCESS_TOKEN_KEY = YOUR_ACCESS_TOKEN_KEY

4. Run the project

  npm run serve

Screenshots

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Related Project

• LonChat Back-End

Contact

• Email - gefyaqiilah26@gmail.com
• LinkedIn - @GefyAqiilahAqshal