💬 MEVN Chat

Realtime chat web application example made with the MEVN stack (MongoDB, ExpressJS, VueJS, and NodeJS).

🌐 View Live Demo

🏁 Getting started

1. Clone the repository:

cd somewhere
git clone https://github.com/practical-works/mevn-chat.git
cd mevn-chat

2. Install the dependencies:

npm i

3. Install Nodemon globally:

npm i -g nodemon`

4. Run development database:

npm run db

5. Run development server:

npm run server

✈️ Deployment

1. Create and run a live MongoDB database using a service like MongoDB Atlas and get the connection string.

   The MongoDB connection string (URL) usually looks something like this:

   mongodb+srv://username:password@host-address/database-name?retryWrites=true&w=majority where username, password, host-address, and database-name are placeholders for the values provided by the service and specific to the user.

2. Push the repository to a node server using a service like Heroku.

3. In the remote node server:

   a. Set the environment variable CONNECTION_STRING to the obtained mongoDB connection string:

   CONNECTION_STRING=mongodb+srv://...etc

   b. Install the dependencies:

   npm i

   c. Start the server for production:

   npm start

🚀 Development

🏭 Environment

• Runtime: NodeJS
• Package Manager: NPM
• Editor: Sublime Text

🌑 Backend

• ⚛️ Core:
  • Main: NodeJS / ExpressJS
• 💽 Database:
  • Main: MongoDB
  • Object Modeling: Mongoose
• 🔧 Utils:
  • Realtime Communication (Server Side): Socket.IO
  • Console Logging: Morgan
  • Console Coloration: Colors.JS

🌕 Frontend

• ⚛️ Core:
  • Main: VueJS
• 🎨 UI:
  • Main: Bulma
• 🔧 Utils:
  • Realtime Communication (Client Side): Socket.IO
  • Date Formatting: MomentJS

📄 License

Licensed under MIT.