This repo contains a personal javascript chat to learn and test something about Vue.js and Socket.io (plus Bulma css framework)

• Vue.js framework
• Bulma css framework
• Socket.io
• Firebase DB

Before cloning the repo be sure you have installed:

• NodeJs & npm (version >= 6.x)
• Yarn (version >= 0.17.x)

Then:

• Choose a folder project in your system and switch in cd [folder path]
• Clone the repo in your folder git clone https://github.com/ibbatta/vuejs-socketio.git

• Be sure to have a Firebase account
• Create an .env file and import change the variables with your firebase credentials (like the example below)

APIKEY=YOUR_API_KEY
AUTHDOMAIN=YOUR_AUTH_DOMAIN
DATABASEURL=YOUR_DATABSE_URL

• From the directory of the project run yarn

Once everything is installed, use Yarn from the terminal to start the build tasks.
The package.json expose these tasks:

• yarn start (start the project locally)

• User connection / authentication
• Retrieve user info with a login and show it inside chat (username / profile pict)

• Fork it!
• Create your feature branch: git checkout -b my-new-feature
• Commit your changes: git commit -am 'Add some feature'
• Push to the branch: git push origin my-new-feature
• Submit a pull request

• Maurizio Battaghini (project develop)
• Davide Bontempelli (project support and help develop)

This is just a personal test, created for demonstration and learn purpose only, it may or may not be a good fit for your project(s).

GitHub @ibbatta  ·  Twitter @battago