brunotot / tvz-mean-chat-application

:blush: Zagreb University of Applied Sciences - Javascript project - Chat application - MEAN :blush:

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Features

  • custom chat design (used and adjusted from https://bootsnipp.com/snippets/1ea0N Copyright@sunil8107)
  • sending text messages
  • sending videos, pictures, locations and other files as attachments
  • downloading attachment files with one click
  • real-time messaging (sockets)
  • authentication and authorization
  • routing and pipes
  • CRUD operations
  • fully functional REST API with global exception handler

Technologies

  • MongoDB
  • Express
  • Node.js
  • Angular
  • Web sockets (socket.io, socket.io-client)

Quick startups (2 ways)

  • Run with start.bat
    • this process will install all necessary packages for backend and frontend services
    • you may be prompted to give permissions for npm install/update - keep checking startup terminals
    • after packages are installed and services start -- the application will open in your browser
  • Manual startup
    • install all necessary packages
      # navigate to source folder (tvz-mean-chat-application)
      npm install
      cd ./angular-src
      npm install
      
    • open terminal for backend and start service
      start cmd
      # navigate to backend source folder (tvz-mean-chat-application)
      npm start
      
    • open terminal for frontend and start service
      start cmd
      # navigate to frontend source folder (tvz-mean-chat-application/angular-src)
      npm start
      

Screenshots

  • Sharing text and picture messages alt text
  • Sharing location and video messages alt text

About

:blush: Zagreb University of Applied Sciences - Javascript project - Chat application - MEAN :blush:


Languages

Language:TypeScript 37.2%Language:JavaScript 29.7%Language:HTML 20.8%Language:CSS 11.8%Language:Batchfile 0.4%Language:Shell 0.1%