# Chain Agreement
### A web3 based solution for creating Agreements online and store it on blockchain and IPFS

The project is available on GitHub as an Open Source Project for you to take an inspiration from here 
 [Chain Agreement Repository](https://github.com/gat786/ChainAgreement)

A smart contract and a web project which enables users to create and store agreements online. 

#### Smart Contract

The first part of this project is the smart contract and is defined in the below description 

It has a simple Solidity contract which defines two functions like 

1. CreateAgreement(initiatorAddress, acceptorAddress, title, contentId)
2. GetAgreement(contentId)

The create agreement function would write the transaction on chain and save it with index of contentId.
You can retrieve the agreement with the use of contentId and get all the details.

#### React Project. 

The Frontend Application is hosted at [here](https://chain-agreement.gats.dev) and is built with ParcelJs and React with TailwindCSS used for styling it. 

The frontend application is a simple application containing of two pages namely `create`, `view` which both do exactly as their name suggests. 

On the create page you can create an agreement using addresses of initiator and acceptor and putting the actual agreement text as a markdown file. 

![Frontend Homepage](https://cloud.squidex.io/api/assets/portfolio-content/c4c0757a-676a-4165-b136-87b39bcc041d/homepage.png 'homepage')

The process after this is rather simple. Firstly the markdown file with appropriate details attached is sent to IPFS and uploaded using `web3.storage` API's. This helps us make sure that the agreements will remain alive and accessible as long as IPFS is available and all this is possible due to how Filecoin is built. 

I have attached some screenshots of how this all works in below and you can see a proper example with the help of it.

![Agreement Creation page with details filled in](https://cloud.squidex.io/api/assets/portfolio-content/b6540c2c-0746-4358-9c45-ea77c490bb2d/sample-agreement.png 'sample-agreement')

![Agreement creation process progress screen](https://cloud.squidex.io/api/assets/portfolio-content/7ffe8ad3-1993-4827-aaa7-a5f9b7117d86/page-showing-progress.png 'page-showing-progress')

After the uploading of agreement on IPFS it is time to write the agreement transaction data on chain with the help of the smart contract that we developed earlier.

We use React-Moralis to accomplish this task and it takes the `content-id ` that we have received from the IPFS upload task.

Remember storing things on-chain is costly so try to minimize whatever you store on-chain.

![View Agreement page with all the details visible](https://cloud.squidex.io/api/assets/portfolio-content/ae2e463a-600a-4f6c-8cf2-75a35bd13a61/view-agreement-page.png 'view-agreement-page')

I plan to built a newer version of this application with a lot of other things built into it and have called in some of my friends to help me build it better. I will constantly write about the progress we have made in other projects or in my blogs.

Thanks for giving this a read

A web3 based solution for creating Agreements online and store it on blockchain and IPFS

Chain Agreement 

# Github Browser

Github Browser is a Windows Desktop Application built with Project Reunion
Components. It is also a POC made to be demoed to showcase benefits of
building with Project Reunion instead of normal Windows UWP SDK or traditional
Windows XAML.

It uses Github API to fetch list of Github Repositories and enables you to
search through the repositories to something that you might like and then read
Repositories through the Markdown Renderer inside the application itself.

As it was a Native Application it used very less resources and without any
repositories loaded it used to run under 25 megabytes of ram usage which
I think was commendable when you take into consideration that it ran with the
latest and greatest widgets of Windows.

At the point of writing this blog the application has not been released in
public and there are only limited screenshots that I can share with the people
reading this space and I have included them below.

![Search Result Page](https://cloud.squidex.io/api/assets/portfolio-content/57208f28-8f4e-4e38-b114-7325ffe9fa84/search-result-page.webp 'Search Result Page')

![Settings Page](https://cloud.squidex.io/api/assets/portfolio-content/e431d385-3069-4a52-82c5-47be46899638/setting-page.webp 'Settings Page')

![Single Repository Page](https://cloud.squidex.io/api/assets/portfolio-content/cb9cbadd-35d4-4beb-8b57-03b09cf3f35b/single-repo-page.webp 'Single Repository Page')


A Windows Application to view different repositories and read their readme's

Github Browser

# Styava Communities

A web portal for communities revolving around Azure and Microsoft
Technologies. This is created to provide communities a platform to showcase
their events and write and post blogs regarding their events as well as
different things going around in the community.

This was built using ReactJs, TypeScript and TailwindCSS for styling. It
relied heavily on ReduxJS for State-Management and for backed we used
[Squidex](https://squidex.io/).

I am particular proud of this project as it is the best looking of all the
projects that I have built till now, as well as I got to learn a lot about
state management because of implementation of this project. I came to know a
lot about how ReduxJs works and how we can improve performance as well as
decrease the number of calls to the backend.

Some of the screenshots of the application can be seen here -

![Homepage](https://cloud.squidex.io/api/assets/portfolio-content/4df605d1-48d9-48a5-95eb-a0a1d73487df/homepage.webp 'Homepage of Azure Communities')

![Event Page](https://cloud.squidex.io/api/assets/portfolio-content/c094d646-a84c-498d-90c9-9945b5dd5b83/eventpage.webp 'Event Page of Azure Communities')

You can personally try visiting the website here at - https://azure.styava.dev 
and leave me a message if you have something to say about it.


A Web Portal for communities to showcase their events, blogposts and create a inclusive developer ecosystem

Styava Communities

# Pragava Health Services

This is a Web Application built to enable telemedicine with help of Azure
Communication Services. It is heavily inspired from Contoso Med App and
relies on Azure Communication Services as well as many other integrations
such as Microsoft Azure Active Directory for management of doctor and manager
accounts.

It enabled features such as discovery of doctors in the vicinity on based of
their speciality and ratings that was garnered through users themselves. Using
Pragava Patients can book online, in-person and doctor-visits for medication.

It also enabled patients to be in constant contact of doctors using chat
feature without actually having to share contacts with doctors or hospitals.

It was built using ReactJs, JavaScript and ReduxJs for State-Management of the
application. TailwindCSS was introduced in this application for the first
time for me and I had a great time building the application with the help of
it.

I learnt how to use colors with TailwindCSS and customize colors with the 
help of `tailwind.config.js`

The website is hosted here at - https://pragava.health


A Web Application for hospitals to provide telemedicine services with Azure Communication Services.

Pragava Health Services

# Ric-Bot

Ric-Bot is a Discord bot named after my beloved friend 
[Ricardo Prins](https://github.com/ricardoprins). This was built to facilitate 
our servers at [Tesseract Coding](https://github.com/TesseractCoding) and 
help out for managing servers. The Bot does very simple things like always
stay active and look for every message if they contain some bad words it
automatically deletes them. 

It also spreads memes which it scrapes through reddit and its most popular 
subreddits like `r/memes` and `r/wholesomememes`. It also supplies with 
on-demand motivational quotes for someone who is feeling down. 

You can check out the code for it here - https://github.com/TesseractCoding/RicBot

A Discord Bot which gives new memes, facts and controls foul language usage in servers

RicBot

# Contoso Med App

This app was made to showcase a POC of telemedicine app with the use of Azure
Communication Services and using Web Technologies. This was made by with using
ReactJs for Frontend, ReduxJs for State management and BootStrap for helping 
with styling of the project.

## Features of the application are mentioned below

Azure Communication Service specific features

* SMS service on appointment booking.
* Chat service
    * Chat between Patient and QnA Bot.
    * Add doctor to the patient - bot conversation
* Chat between Patient and Doctor.
* Calling between Patient and Doctor.

General features

* User authentication.
* View doctors and book appointments.
* Chat with QnA bot to book appointment or start a support consultation.


This project was demoed at Microsoft Ignite 2020 and project was then
open-sourced and released on Github [here.](https://github.com/Azure-Samples/communication-services-contoso-med-app)

A POC showing Web Application for hospitals to provide telemedicine services.

Contoso Med App

# Open Locker App

This project was my submission for Masters Degree. I submitted this on 
21/06/2021 which marked as the final project I have submitted to complete my
studies. 

I had thought of this type of project for a while but never actually got
motivated enough to pull it off but during the last 30 days of my studies, 
I had no other options. 

Open Locker is a file storage solution which has resolver written for 
Azure Blob Storage implemented already and many others can be added to it. 

It comes with a mobile-app which is made via Flutter and can be used with the 
api no-matter which backend the API uses. The main goal of this app was to give
user complete control of where they want to store their data while still having
all the major features of any other file-storage solution available in the app
itself.

There are two parts of the Application which are currently built 

1. Backend - https://github.com/gat786/OpenLockerWebApi
2. Android App - https://github.com/gat786/openlocker-app/

There is a planned Web App in my mind but I haven't gotten into implementing 
it yet and whenever I will do it I will make sure to update about it here. 

If you like the project and want to give me suggestions regarding it. 
Feel free to drop issues and leave me a message wherever you feel comfortable.

A File Storage Solution which can be plugged into any File Storage Service