Asymmetric cryptography using Angular 9 and Asp.net Web Api

-

Introduction

Nothing better than to learn something new during our free time. A new programming language, why not. Thus to make my mind busy as a geek i tried to learn Angular 9 and create a small application nothing fancy at all and called it Asymmetric cryptography. In simple words using Angular 9 to create the client side application and hooked it up with an ASP.NET web api. To conclude i deployed the application on Microsoft azure.

How it works

Key generation

Asymmetric cryptography uses 2 key pairs to encryption and decryption data. The 2 keys consist of a private key and a public key. To produce a cipher text (encryption), the public key alongside with the plain text will be used. In the same way, in order to produce a plain text (decryption) the cipher text will be used with the private key.
The images below illustrate how asymmetric cryptography works:


 To use the application first select the key length namely:

  • 512 bit
  • 1024 bit
  • 2048 bit
  • 4096 bit
Click on generate to generate a new key pairs. To copy those keys simply click on the button on the right of each key.





Encryption

  1. Use the public key previously generated
  2. enter a plain text that you want to encrypt
  3. Click on the encryption button
  4. The cipher text will be generated using the public key and plaint text
  5. Snack bar to indicate if the process was successful

Decryption



  1. Select the decrypt tab
  2. Enter the private key generated in previously
  3. Enter the cipher text which was generated previously also. 
  4. Click on decrypt button
  5. Using the private key to revert the cipher text to the origin plain text 

Source code

Client side 

Generate keys

Encryption and decryption

Links

Application link on Azure: https://aymmetric.azurewebsites.net/

Comments

Post a Comment

Popular posts from this blog

Car Wash System vb.net

-
Image
This software consists of a database that save the registration number of every vehicle being wash along side with the date, type of wash made and price Screen Shot Source Code To view records in the database: Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim sql As String sql = " SELECT * FROM tblwash" conn.Open() Dim dt As New DataTable Dim cmd2 As New OleDb.OleDbDataAdapter(sql, conn) cmd2.Fill(dt) DataGridView1.DataSource = dt DataGridView1.Refresh() conn.Close() To insert new record in the database: Private Sub insert() Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim updateSql As String = String.Format(...
Read more

Student Information System - AngularJS , ASP.NET API, C#

-
Image
Web based application the student information system is a small application that allows user to register and login to view information about a particular student and can perform several actions like Login and register to the application View students  Add new student Delete a particular student Update user information Screen Shot Project architecture routing.js, config.js and app.js allow the application to route from one partial view to another and config.js is used to save all the endpoint needed to access the API.   For separation of concerns, in the solution panel separate partial views, controller and services in different directories and reference it in index.html to enable angular to load all the files required Login process login.html LoginController.js Using $resource from AngularJS to make an API call and response  with a user details model UserViewModel and UserDetailsViewModel Using Unity fo...
Read more

Fake Call Android Application

-
Image
Fake Call android apps enable the user to simulate a call from their smartphone by entering a number were the apps will detect the network carrier and display it on screen. Technologies used are: Java, Xml. Developed using android studio and tested using android API 25 (Android 7.1.1 - Nougat) Screen Shot Select Fake Call from the home screen  Select Fake Call and enter the a phone number. You can also select to  call after a time interval as well  Click call to simulate a fake call with the network carrier, phone number as information Download Click here to download the game or source code Please donate and support at https://www.paypal.me/Rajcoomar
Read more