Git Product home page Git Product logo

covid-gdgpune's Issues

[NEW] Beds stats UI on bed page

We need a stats UI similar to the one we have on the Dashboard for bed data representing the number of all 4 types of beds -
Without Oxygen | With Oxygen | ICU Without Ventilator | ICU With Ventilator dynamically from the backend.

[NEW] Table List frontend for beds

The Table List in the template currently shows a very basic table. Shape the frontend to be more suitable to our needs of displaying relevant bed data (reference https://coronabeds.jantasamvad.org/beds.html). On clicking the name of the hospital either open up a modal or show in dropdown similar to the referenced website.

The route should also be changed to /beds from /table.

[NEW] Add Search functionality to beds

Currently the search field in the Beds UI doesn't do anything. We need to put it to use by making searching available through the table based on Hospital names.

[REF] Project directory structure

Since we decided to go with cloud functions a separate directory for server side code isn't needed at the root. Move the client code to the root and create a functions folder with the current server contents.

[IMPROVE] Bed report form

The current bed report form allows users to choose one out of the four types of beds which makes the user to submit a new form entry for every bed type.

Besides, the hospital names should be provided in a predefined dropdown with typing (see Creatable Autocomplete) that allows the user to type for hospital names and add one if not found.

The Bed report form should be moved to a Dialog openable by clicking a button on the Available Beds page.

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.