Azul

Azul is an all-in-one application for functionalities regarding student life. Instead of having multiple apps and depending on third party software to store details, conduct video call sessions or payment of dues, Azul unifies all these processes under on application and promote easy use, reliability and security.

FRONT-END: HTML5, CSS and JAVASCRIPT
BACK-END: PHP and MYSQL (VIA XAMPP SERVER)

What can you do with Azul?

Store and access student details and documents.

Connect with fellow users via video call sessions.

Payment portal for easy transactions.

Daily to-do list to note down important tasks and deadlines.

Things to keep in mind:

You must have installed the Xampp Server on your PC before running this application. PHP and MySQL used in the project works on this server.

Make sure you have created a new database on the MySQL server to store and retrieve your data. Consequestly update your username, password and table names in the code wherever required.

You need to build a new Google Firebase project for website hosting and real-time database communcation as required by the video-chat application. Please refer to the WEBRTC Documentation to learn in depth and also attaching a reference YouTube video to demonstrate its working.

WebRTC Documentation:	https://webrtc.org/getting-started/firebase-rtc-codelab
Google Firebase Hosting:	https://www.youtube.com/watch?v=w7xKZ5PWizs&list=PL1iqRnUsd9p6x5uzo9-HLo91POW6HfbEw&index=15
YouTube Reference:	https://www.youtube.com/watch?v=_3exOT53faw&list=PL1iqRnUsd9p6x5uzo9-HLo91POW6HfbEw&index=14

We have integrated the Payment Portal with the RazorPay Application. If you want this to work for your account or organization you need to first create an account with RazorPay and submit your documents for verification. Once that's verified and done you would be able to accept real-time payment transactions through your app.

How to run the Application?

Download XAMPP and start the APACHE and MYSQL server.

Make sure all the project files, other than the firebase files, are present in the htdocs folder of Xampp.

Host the chat-application files (index.html, main.css and app.js) under public folder using Google Firebase and update the link of your website in the HOME.PHP file.

After creating a new database for your project in MySQL update the email, password and other necessary fields in the project files.

After creating your Razor Pay account, customize your 'Pay Button' and update the script tag in the HOME.PHP file.

Click on the Admin button next to Apache Server and change the path in the browser to the location of your files and start the application with the INDEX.PHP file.