https://github.com/eldavid1996/mendozapp

A web chat with a desing like whatsapp done in typescript with react and express
https://github.com/eldavid1996/mendozapp

css express html javascript mongodb nodejs react socket-io tailwindcss typescript websocket

Last synced: 2 months ago
JSON representation

A web chat with a desing like whatsapp done in typescript with react and express

• Host: GitHub
• URL: https://github.com/eldavid1996/mendozapp
• Owner: eldavid1996
• Created: 2024-08-14T00:36:44.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-08-15T12:38:36.000Z (almost 2 years ago)
• Last Synced: 2025-01-10T08:57:40.405Z (over 1 year ago)
• Topics: css, express, html, javascript, mongodb, nodejs, react, socket-io, tailwindcss, typescript, websocket
• Language: TypeScript
• Homepage: https://eldavid1996.github.io/MendozApp/
• Size: 963 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🦄 Chat Frontend done in React and Backend with express and MongoDB using Typescript

![mendozapp3](https://github.com/user-attachments/assets/7096992c-b8e9-435e-bde6-b51795c74b82)

![mendozapp1](https://github.com/user-attachments/assets/97c3352b-ba58-4ea1-b136-4e095bc69701)

+ David Mendoza

  - https://github.com/eldavid1996

    

## TABLE OF CONTENTS

* [About the project](#-about-the-project)

* [Features](#%EF%B8%8F-features)

* [Installation](#%EF%B8%8F-installation-develop)

## 🔥 About the project

This project has been created with the objective of have a simple and minimalist chat for reuse it for other apps.

Socket.io used for control the clients and MondoDB Database for manage the users and messages.

JWT implemented for manage the authentication.

## ✔️ Features

✅ JWT Authentication

✅ Socket.io

## ⚙️ Installation (develop)

You need MongoDB for use this app

**1º Clone this repository**

       https://github.com/eldavid1996/MendozApp

**2º Install modules**

In folders server and client:

        npm install; npm run dev;

        

**3º Config environments variables for databases and some more config**

In a .env file in the client and server folder

## ⭐️ GIVE IT A STAR

If you found this Implementation useful for your Projects, please give it a star. Thank you!