![image](https://private-user-images.githubusercontent.com/87618816/335921020-4b932454-36ba-413a-b5e8-cf894384fdbf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMzUzNjAsIm5iZiI6MTczOTEzNTA2MCwicGF0aCI6Ii84NzYxODgxNi8zMzU5MjEwMjAtNGI5MzI0NTQtMzZiYS00MTNhLWI1ZTgtY2Y4OTQzODRmZGJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDIxMDQyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI0NjlmOWRhZGRlNmU3ODc2NDFjMzE2YmE0ZjVjNDg1OThjODExZDlhOWU0YTlmMWQ2Yjk4MDA2OWZiM2FhODMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.ZpGdAKs_lW7h1bHW_0OgSsfIV9B2ayKl527uPgA4sxI)
![image](https://private-user-images.githubusercontent.com/87618816/335919702-b4c6a523-7854-43df-9ca1-c5b8c5872386.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMzUzNjAsIm5iZiI6MTczOTEzNTA2MCwicGF0aCI6Ii84NzYxODgxNi8zMzU5MTk3MDItYjRjNmE1MjMtNzg1NC00M2RmLTljYTEtYzViOGM1ODcyMzg2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDIxMDQyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM1MDFiMjJhMWFlNDNjYmUxZmNkNDZiMTEzZWZmZmFmYjc0Y2Q1YjdkMWNjMzVjN2ZjNDc5NDc0YTAwYzU5NDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.iMyrNgGLFQptpRTcFV1ecopy6zNq96DldxqMTI_2BlI)
These documents detail planned features, the architecture, and tests for the Discom project. All documents authored by Ryan Sharma
https://docs.google.com/document/d/16YSElNFSWz8nKkKqTConXC1f5BQUMiB4dfku7QSQWI8/edit?usp=sharing
https://docs.google.com/document/d/1RPzxg4W7CiDWTBJH-xaIu1Ea5ivEdKBtpUsNiKV-F4I/edit?usp=sharing
https://docs.google.com/document/d/1EA6ZdBJdSoSdXg_ELWxdklLAcqgO2U1Zf8kVm-Oeq3g/edit?usp=sharing
This section will detail how Discom was implemented.
Overview: This project was implemented using the MERN stack method, with the front end being powered by React, with communications from Axios. Node and React for Javascript were used to implement the backend, and hosted the server, which communicated and fetched resources from and via MongoDB
The client side of this application was implemented using Node and React for Javascript. The frontend can be described as a the webpage, (designed in App.css) with other Javascript 'interactables'. To accomplish a HTTP client that will communicate with the backend, we used Axios in conjunction with React. Other items for the general user interface such as icons and transportation of user authentication information can be found under client/src.
The server of Discom is powered by Express, and connects to a database provided by MongoDB (this was customized via Mongoose). The server first connects to MongoDB to acquire authentication information for user logins. Most importantly, the server hosts and creates the web socket through which users communicate. Other conncection based features are communicated to the frontend in real-time via Express such as user connection messages. Discom currently runs only on a machine' localhost.