https://github.com/emirshn/network-management-system-with-angular

Network Management System with using Angular, Python and SQL
https://github.com/emirshn/network-management-system-with-angular

Last synced: 3 months ago
JSON representation

Network Management System with using Angular, Python and SQL

• Host: GitHub
• URL: https://github.com/emirshn/network-management-system-with-angular
• Owner: emirshn
• Created: 2023-08-22T19:35:18.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-22T19:59:19.000Z (almost 2 years ago)
• Last Synced: 2025-02-06T02:49:34.224Z (5 months ago)
• Language: TypeScript
• Size: 358 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Network-Management-System-with-Angular

Network Management System with using Angular, Python and SQL. I worked on this project for my internship. 

## Usage

Users can create devices, connect them to each other, give them some information and watch their change real time with graphs.

## Used Technologies

- Angular.js, D3.js, Leaflet.js, Bootstrap, Rxjs for frontend. Jasmine and Karma for testing.

- Python, FastAPI, SQLite for backend.

## Features

### - Network Simulation

Currently system doesnt have access to real devices instead it uses virtual devices created for this system. It enables random status for devices and connections every 5-10 second like system fails etc. If i find some time i can try to implement Mininet.

### - Authentication System with Python Backend

Users can register or login to system with authentication handled in backend. Passwords are stored hashed.

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/68dceb13-2d06-4ce6-a61e-94b863a6e3e4)

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/15930a8f-3cbd-455e-bf71-2409c5ec4d29)

### - Device and Connection Adding System

Users can add, update and delete devices from system and also connects 2 device with each other.

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/44717410-70e3-45e2-af0d-7218069eb480)

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/c6bc3b5c-b758-415e-a082-e44246a7dccd)

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/9322b9ab-9962-4911-a59a-8fff929c29f8)

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/cf981716-3359-4093-a74f-00dfd9be0b01)

### - Topology of Network

Users can see live status of network in this page with option to activate or deactivate system.

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/9ebdbac3-bfc1-48b1-b361-0918f8b7c84b)

### - Realtime Locations of Devices

Users can see location of devices in a map.

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/a5ca5730-2dd7-4d18-a917-de33d8f69ceb)

### - Live Stats of Network

Users can watch network with some stats.

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/2ed772ef-b200-4cd2-b0ce-e1474a0737da)

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/147a4085-f057-4dcb-87f8-e135fc44b5d5)

### - Notifications

System send notifications to user which appears on bottom right corner of screen. They triggered after some spesific things happened in system.

![image](https://github.com/emirshn/Network-Management-System-with-Angular/assets/64266261/d2de0d10-c5bf-44d6-8ea0-a8c7fe1db49a)

### - Very Basic Dark Mode

Users can toogle dark mode.