Giter Site home page Giter Site logo

kamilms21 / real-time-chat-nestjs-angular Goto Github PK

View Code? Open in Web Editor NEW

This project forked from thomasoliver545/real-time-chat-nestjs-angular

1.0 0.0 0.0 610 KB

Realtime Chat Application with NestJS and Angular (+Socket.io v4)

JavaScript 2.47% Dockerfile 1.04% TypeScript 81.64% HTML 10.90% SCSS 3.95%

real-time-chat-nestjs-angular's Introduction

real-time-chat-nestjs-angular

Link to Github: https://github.com/ThomasOliver545/real-time-chat-nestjs-angular
Link to all Commits on Github: https://github.com/ThomasOliver545/real-time-chat-nestjs-angular/commits
Link to Youtube Playlist: https://www.youtube.com/playlist?list=PLVfq1luIZbSkICzoA8EuvTskPEROS68i9
Link to Twitter: https://twitter.com/Thomas_OliverK

Good to know

  • Api build with NestJS 8, because v8 has Support for the latest Socket.io Release v4
  • Angular used in v12 & also Angular Material
  • Start Command docker-compose up
  • The first Video is an Overview for the first Part of the series [Videos 1-17], there will also be more features & bugfixes added in the future (then with like another overview video)
  • All Commits are prefixed with the Video Number, where they were made, e.g. Video-17: ...
  • In the folder _user_stories you can have a look at all the implemented user stories so far, in 00_overview you have a list of all videos
  • Sometimes when you follow the videos you might need to dump the images/containers and rebuild, look below to the tipps & tricks
  • in the todo.md file are some ideas that could be implemented in the future

Overview of the Series

This Series is about implementing a Realtime Chat with Websockets (here we used Socket.io v4). The Main features are:

  • Register a new User
  • Login with a user and get a valid jwt Token for Auth (API & Websocket)
  • Create a Chatroom and add other users by their username
  • Join one of your chatrooms and see the latest messages
  • Add a message to the chatroom, this will be emmitted immediately to all other joined Users for this Room that are currently online

The NestJS API is build with NestJS 8, because v8 has support for the latest socket.io Release v4.

How to run the Project

Command:
docker-compose up

Tipps & Tricks

If you follow the videos you something have to delete the images & containers and then start everything again.

Command to remove all images:
docker rmi -f $(docker images -a -q)

Command to remove all containers:
docker rm -vf $(docker ps -a -q)

Docker commands

Command to start:
docker-compose up

Command to build: docker-compose build

Command to remove all images:
docker rmi -f $(docker images -a -q)

Command to remove all containers:
docker rm -vf $(docker ps -a -q)

real-time-chat-nestjs-angular's People

Contributors

thomasoliver545 avatar

Stargazers

Roman 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.