GithubHelp home page GithubHelp logo

tomimelo / sockets-projects Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 550 KB

A few projects examples of things you can do with sockets. Made in Angular, Node and Express.

Home Page: https://angular-node-sockets-demo.herokuapp.com/chat

TypeScript 71.05% JavaScript 3.04% HTML 21.47% CSS 4.44%
nodejs express angular sockets real-time server chat chart

sockets-projects's Introduction

Forks Stargazers Issues LinkedIn


Sockets Demo

A few projects examples of things you can do with sockets. Made in Angular, Node and Express. I came up with this idea after taking a course of Udemy by Fernando Herrera to show everything learned.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

  1. About The Project
  2. Getting Started
  3. Usage
  4. Contact
  5. Acknowledgements

About The Project

This app contains some examples you can do with sockets: A chat, poll, charts, interactive maps and more.

Live demo available HERE

Built With

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

You will need a copy of Node.js as an environment to run the project. Then you use a dependency manager like npm to download dependencies into your project.

  • npm

    npm install npm@latest -g
  • Angular CLI

    npm install -g @angular/cli
  • Typescript

    npm install -g typescript

Installation

  1. Clone the repo
    git clone https://github.com/tomimelo/sockets-projects.git
  2. Install NPM packages - You need to execute this command in both backend and frontend folders:
    npm install
  3. Open a terminal and enter frontend. Then run the following command for a dev server
    ng serve
  4. On another terminal enter backend folder and compile typescript project
    tsc
  5. Enter on dist generated folder an run node server
    node index.js
  6. Your app is ready. Open your browser and go to:
    localhost:5000

Usage

You can open the same page on another browser to play around and see changes in real time.

Contact

Tomas Melone - [email protected]

Project Link: https://github.com/tomimelo/sockets-projects

Acknowledgements

README template by @othneildrew

sockets-projects's People

Contributors

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