xvferdy/simple-chat-app

🚩 Learn Socket.IO 🖥️ 💬 comingBackToProgramming[3] 🏁

simple-chat-app

This repo was created for learning purposes and one of the #Coming Back To Programming activities that started on September 24 2021…

📍Table of Contents

• About The Project
  • Live
  • Built with
• Getting Started
  • Prerequisites
  • File Structure Overview
  • Installation
  • Run Locally

🌍 About the Project

Very simple chat app where people with unique ID send messages to each other in the same room. In the frontend we're using react and deploy it on netlify and for the server we're gonna host it on the heroku.

Overview 👓

Live simple-chat-app

👀 Built With

• React
• Node.js
• Express
• Socket.IO ver ^4.3.2

📥 Getting Started

Prerequisites

• Node.js
• NPM
• Dart Sass

File Structure Overview

simple-chat-app
├── client
├── server
├── .gitignore
└── README.md

Client

./client

client
├── node_modules
├── public
├── src
│   ├── assets
│   ├── hooks
│   ├── stylesheets
│   │   ├── css
│   │   └── scss
│   ├── App.js
│   ├── Chat.js
│   └── index.js
├── package-lock.json
├── package.json

Server

./server

server
├── node_modules
├── index.js
├── package-lock.json
├── package.json
├── Procfile
└── router.js

📦 Installation

npm install -g sass

npm install

npm start

Run Locally

client/src/App.js

const socket = io.connect("http://localhost:8000");
// const socket = io.connect("https://server-simple-chat-app.herokuapp.com");

server/index.js

origin: "http://localhost:3000",
// origin: "https://simple-chat-app-xvferdy.netlify.app",

To Top ⤴️