Tabib Web Application

The front-end web application to the Tabib app where you can get your diagnosis :)

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Screenshots
• Roadmap
• Contributing
• License
• Contact

About The Project

Tabib web app was designed to help users find reliable diagnosis to their queries. It can also analyze images and predict the skin disease while also providing more info on the disease itself, its treatments, symptoms, etc. The web app user interface was designed to be accessible, easy to use, it emphasizes UX concepts in mind to provide an easy and beautiful experience to our users.

The web app also provides a density map to COVID-19 cases in Egypt with its different governorates. It also provide a Drug Alarm feature that allows the users to set time(s) to take their medications.

• The site is NOT responsive and was designed to work primarily on Desktop devices. There is a mobile version of the same app available at this repo
• You can checkout a high-quality video of the site here that shows the complete features of the site. Unfortunately, there is no way to host the back-end code online to make it available. However, here is its code for the curious. It's built with Django REST framekwork. The AI model code that predicts the disease is here

Built With

This app was built using the following technologies:

• Bootstrap
• React Bootstrap
• Material-UI
• React
• RxJS
• react-material-ui-form-validator
• esri

It uses React state and prop drilling for app-level state with hooks. It uses a mix of class & functional comoponents. It uses react-material-ui-form-validator for form inputs and validation. Axios is used for the data fetching and React Router DOM for routing. It uses esri API for web to integrate the COVID-19 density map into the app(you can view it at /coronamap). It also uses React-Content-Loader for loading content and React-Toastify for notifications.

Getting-Started

The instructions below show how you can install and run the project

Prerequisites

You need both NodeJS and NPM installed.

Installation

1. Clone the repo

  git clone https://github.com/ParrotStone/Tabib-Web-Application.git

2. Install Yarn package manager

  npm install -g yarn

3. Navigate to the project directory and type the following commands:

• Install the project dependencies

yarn install

4. Edit the file config.js in the src folder and add their respective API urls

5. You can then either run the project or build it for deployment

• Runs the app in the development mode - Open http://localhost:3000 to view it in the browser.

  yarn start

• Builds the app for production to the build folder.

  yarn build

Screenshots

Roadmap

See the open issues for a list of known bugs and suggested/intended-fixes and features.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Abdulrahman Ali - Twitter - Email

Project Link: https://github.com/ParrotStone/Tabib-Web-Application