A web application for people to have individual communication with each other

A web application for people to have individual communication with each other

A real-time messaging application for one-on-one communication between students and staff members of Ardent Academy. Users can send text messages in any length limited by their network capacity and receive media files of any type such as JPEG, MP4, and PDF.

Demonstration

ArdentChat

ArdentChat is a web application for people to have individual communication with each other. It was originally one of my assignments from my internship at Ardent Academy. It is also my first full-stack project that uses the MERN stack.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development purposes.

Running the Application

  1. Install Node.js

  2. Download/clone this repository to somewhere else and navigate to the folder in the command line

  3. Open the ArdentChat folder

    • Go to the client folder and type yarn install to gather all the necessary packages
    • Go to the server folder and type npm install to gather all the necessary packages
  4. Follow this tutorial to set up your MongoDB database

    • When you are done, create a file named config.js and put it under the server/util directory
  5. Follow the template below for your config.js file

    • Should be simple with the SRV address provided by Atlas
    const URI = 'mongodb+srv://<USERNAME>:<PASSWORD>@<SERVER-ADDRESS>/<APP-NAME>?retryWrites=true';
    module.exports = { URI };
    
  6. Type yarn start to run the front-end code and npm start for the back-end code

    • The front-end should be running on localhost:3000 and localhost:3001 for the back-end unless you have other applications running simultaneously
  7. Hit Ctrl+C on terminals running the front-end and back-end code to stop running

Built With

  • Front-end
    • React.js
      • Material-UI
    • UUID
    • Socket.IO
  • Back-end
    • Node.js
      • nodemon
    • Express.js
      • CORS
    • MongoDB Atlas
      • Mongoose
    • Socket.IO

Versioning

I used only Git bash for version management.

Acknowledgments

I want to say thank you to my fellow interns in Ardent Academy for their assistance. Also, kudos to Dr. Li for providing this amazing opportunity to let me work in Ardent.

Download Details:

Author: imliuyzh

Source Code: https://github.com/imliuyzh/ArdentChat

nodejs node javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Node canvas is a Cairo backed Canvas implementation for NodeJS.

node-canvas is a Cairo-backed Canvas implementation for Node.js.

What Is Nodejs Used For? | Nodejs Use Cases

A decade has passed since initial release of the node.js, it has gained immense popularity. Read in this article, what is nodejs used for? Nodejs Use Cases.

How to Hire Node.js Developers And How Much Does It Cost?

A Guide to Hire Node.js Developers who can help you create fast and efficient web applications. Also, know how much does it cost to hire Node.js Developers.

Hire NodeJs Developer

Looking to build dynamic, extensively featured, and full-fledged web applications? **[Hire NodeJs Developer](https://hourlydeveloper.io/hire-dedicated-node-js-developer/ "Hire NodeJs Developer")** to create a real-time, faster, and scalable...

Decoding Nodejs

The main goal of this blog is to explain the “Architecture of Nodejs” and to know how the Nodejs works behind the scenes. Generally, most of the server-side languages, like PHP, ASP.NET, Ruby, and including Nodejs follows multi-threaded architecture. That means for each client-side request initiates a new thread or even a new process.