Code Monkey home page Code Monkey logo

chatapp's Introduction


MERN
Chat Application

A MERN Socket.io Chat app.

npm version

IntroductionKey FeaturesHow To UseLicense

Introduction

This project is a MERN Chat Application. The technologies used are as follows:

  • MongoDB as a NoSQL database
  • React for the front-end, bootstrapped with "Create React App".
  • Express.js for the server
    • Serves the React app
    • Provides the JSON API for the React app using http
  • Node.js for the back-end
  • Socket.io for real-time, bi-directional communication between web clients and servers.

Key Features

Files Structure

  • MERN structured folders
  • TailwindCSS
  • ES7 Airbnb eslint / prettier
  • Axios for API fetching
  • Socket.io for instant messaging
  • Jwt auth for socket connections
  • React-toastify for Toast notification
  • React-hook-form for form management
  • Yup (frontend & backend)for Forms validation
  • @hookform/resolvers to use yup with react-hook-form
  • React-router-dom V6, route restrictions: PrivateOutlet & PublicOutlet
  • Dark/Light mode
  • emoji-mart for chat Emojis
  • Pages: Login, Registration, ForgetPassword, NotFound, Dashboard,
  • Authentication using JWT with verification middleman in the serve routes
  • React Context for Authentication and Socket

TO-DO

  • Responsiveness 30%
  • Mailing service for user account verification & reset password
  • Google / Facebook / Twitter Authentication

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/amitmerchant1990/electron-markdownify

# Go into the repository
$ cd electron-markdownify

# Install dependencies
$ npm install

# Run the app
$ npm start

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

License

MIT

chatapp's People

Contributors

youssef-kobi avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.