Giter Club home page Giter Club logo

health_web_service's Introduction

Med-Info

Introduction

The Project

In order to gain an easier access to information regarding medical symptoms and the danger it may impose on our health, we came up with Med-Info. Med-Info takes a symptom and returns an article relating to the symptom giving the user an in depth of the symptom provided. Based on the information, the user can discern whether it poses a great threat to their health or not as well as sicknesses that contain the symptom.

The Context

This project is our Portfolio Project, concluding our Foundations at ALX Africa. The team presents a working program at the end of the three weeks of development.

The Team

Features

  • A user friendly landing page
  • Secure protocol (HTTPS)
  • Easy usage

How it Works

Backend & Frontend

  1. Once user is at the landing page, they can login from the top or scroll down to find login Alt text Alt text
  2. Login is done using a unique ID Alt text
  3. If user does not have a unique ID, they can sign up and get one randomly generated for them Alt text
  4. Once they have signed up with assigned ID, they are redirected to the login page where they can now log in
  5. After log in, they are redirected to the search page Alt text
  6. User types in the symptom they want to know about and submit
  7. The keyword is sent to the backend and received by the medical API
  8. The API filters the information and returns specific article(s)
  9. The results are sent to the frontend and displayed on the screen below the search bar Alt text
  10. Once user is done, they can logout at the bottom of the search page or at the homepage. They can also decide to stay logged in by leaving everything as it is. Their session will be reserved

Database

Our database stores the unique IDs for the users which will be used during login. We used MySQL database and PHP as the Object Relational Mapper.

Challenges

  • Learning new technologies: PHP & Advanced HTML
  • Learning new concepts
  • Failing code
  • Finding an adequate API

Architecture

Overview

Our web app is a single-page app, coded mainly in JavaScript. Med-Info is front-end heavy where we designed the User Interface using CSS.

Alt text

Data Model

Alt text

Acknowledgments

  • ALX Africa Staff - For the help, advice and resources they provided us with during this project and during all our curriculum.
  • Cohort 11 and all ALX Africa students - For your friendship, invaluable support, and insight not only for this project, but over the entirety of our time in alxswe program.
  • YOU - For reading this documentation and testing out Med-Info. We hope you enjoyed the ride!

health_web_service's People

Contributors

printfcat avatar ranci-18 avatar yurijames2022 avatar

Watchers

 avatar

Forkers

printfcat

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.