RealTimeWeb.NET

RealTimeWeb is a real-time web example application written for .NET Core, the latest multi-platform .NET version. It demonstrates the usage of some new technologies mixed with some proven practices. On the front-end it uses ASP.NET Core and React. On the back-end is a uses RabbitMQ for messaging and PostgreSQL for data storage (not yet finished). Docker images are used for deployment on an Amazon ECS cluster (EC2 Container Service).

RealTimeWeb - Architecture - Context

RealTimeWeb implements a simple use-case, the monitoring of vehicles of a fleet. The goal is to collect status and position data of vehicles and to push it to the web-application in order to display this in real-time to the registered members of the application. In the current example the data is simulated for demonstration purpose.

Architecture

The RealTimeWeb system mainly consists of two parts: a web-application and a service. The web application presents a SPA (Single Page Application) written in React to the user. It also contains the Membership domain used to manage registered users of the system.

The service hosts the Vehicle Monitor which collects the data from the vehicles. This data is pushed to the web-application and will be simulated for demonstration purposes in this example.

RealTimeWeb - Architecture - Components

Source code

The source code of the application can be found on github:

https://github.com/tim-cools/RealTimeWeb.NET

Warning!

The application is still work in progress and new features will be added in the next following weeks…

Some of the technologies and frameworks used in this application are pre-release and most likely to change. Currently it is based on RC1 of .NET Core. I try to update the code as soon as possible whenever the final version is released. Ping me on Twitter if you have questions or issues.

ALSO READ  React Authentication on ASP.NET Core with OAuth and Identity

RealTimeWeb.NET Blog Posts

This post is part of a blog post series about RealTimeWeb.NET application.

  1. RealTimeWeb.NET – A real time ASP.NET Core application
  2. Getting started with RealTimeWeb.NET
  3. RealTimeWeb.NET Front-end
    1. Creating an ASP.NET Core web application
    2. Single page application in React on ASP.NET Core
    3. React Authentication on ASP.NET Core with OAuth and Identity
    4. Real-time data pushed by web-sockets (SignalR) on ASP.NET Core
    5. Server-side rendering
  4. Real-time back-end
  5. Operations
  6. ...