Giter VIP home page Giter VIP logo

denguestop's Introduction

Dengue-Stop

Build Status

Dengue-Stop provides a simple and effective way to report and discover dengue incidents around your area, with the help of community.

Installation

This instructions consist of 3 sections for Community Flutter App, Flask Backend and React Admin Panel respectively. Make sure to follow the initial setup before following each sections.

Initial Setup

Clone the repository git clone https://github.com/scorelab/DengueStop.git

cloning-repo

Flutter Community App

flutter-setup

  1. Install Flutter
    Follow the official guide from the flutter team.

  2. Run flutter doctor

    flutter doctor
    

    If all are ok, jump-in to the next step.

  3. Go to the dengue_app folder

    cd dengue_app/
    
  4. Install all the dependent flutter packages.
    Run flutter pub get in the terminal, or click Packages get in IntelliJ or Android Studio.

    flutter pub get
    
  5. Run the application.

    flutter run
    

Note - If the flutter application fails to connect to the local flask server, try the following command in the terminal

adb reverse tcp:5000 tcp:5000

adb-setup

Flask Backend

flask-setup

  1. Install Python3

  2. Go to backend folder

    cd backend/
    
  3. Create a .env file according to the .env.sample sample file in the backend app root.

    DB_USERNAME=root
    DB_PASSWORD=password
    DB_DATABASE=dengue_stop
    DB_HOST=localhost
    SECRET_KEY=secretkey
  4. If you're running the backend for the first time, run the init.sh script to install the required dependencies from the requirements.txt file. If not, skip to the 3rd step.

    sh init.sh
    
  5. Start the flask server by running the start.sh script. This will run the app.py file. Flask server will run at http://127.0.0.1:5000 by default.

    sh start.sh
    

React Admin Panel

react-setup

  1. Go to admin_panel folder

    cd admin_panel/
    
  2. If you're running the admin_panel for the first time, run the yarn install to install the required dependencies. If not, skip to the 3rd step.

  3. Run the application with yarn start command. This will run admin panel at http://localhost:3000 by default.

  4. To test the application. Run the tests with yarn test command.

License

This project is licensed under the terms of the Apache License 2.0.

denguestop's People

Contributors

aditya-mitra avatar anmolbansal1 avatar charithccmc avatar darkshredder avatar dependabot[bot] avatar donomalvindula avatar ffalpha avatar hiranthar avatar ivantha avatar sankhajay avatar sumedhe avatar yasirunet avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

denguestop's Issues

Custom splash screen is not available

Splash screens (also known as launch screens) provide a simple initial experience while the mobile app loads. They set the stage for the application, while allowing time for the app engine to load and the app to initialize.

Login screen overflow problem

Expected Behavior

The app screen should adapt to different screen sizes and should not return a Bottom overflowed by some number of pixels message with caution tape.

Actual Behavior

Once the user gets into the login screen, it returns the Bottom overflow issue with caution tape.

Screenshots

Error Log at DEBUG CONSOLE

I/flutter ( 2623): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter ( 2623): The following assertion was thrown during layout:
I/flutter ( 2623): A RenderFlex overflowed by 64 pixels on the bottom.
I/flutter ( 2623): The relevant error-causing widget was:
I/flutter ( 2623):   Column 
lib\views\login.dart:176
I/flutter ( 2623): The overflowing RenderFlex has an orientation of Axis.vertical.
I/flutter ( 2623): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
I/flutter ( 2623): black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
I/flutter ( 2623): Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
I/flutter ( 2623): RenderFlex to fit within the available space instead of being sized to their natural size.
I/flutter ( 2623): This is considered an error condition because it indicates that there is content that cannot be
I/flutter ( 2623): seen. If the content is legitimately bigger than the available space, consider clipping it with a
I/flutter ( 2623): ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
I/flutter ( 2623): like a ListView.
I/flutter ( 2623): The specific RenderFlex in question is: RenderFlex#7ca1f relayoutBoundary=up3 OVERFLOWING:
I/flutter ( 2623):   needs compositing
I/flutter ( 2623):   creator: Column ← _FormScope ← WillPopScope ← Form-[LabeledGlobalKey<FormState>#f4224] ← Padding ←
I/flutter ( 2623):     DecoratedBox ← Container ← LoginForm ← Expanded ← Column ← Semantics ← DefaultTextStyle ← ⋯
I/flutter ( 2623):   parentData: offset=Offset(8.0, 8.0) (can use size)
I/flutter ( 2623):   constraints: BoxConstraints(0.0<=w<=304.0, h=380.8)
I/flutter ( 2623):   size: Size(304.0, 380.8)
I/flutter ( 2623):   direction: vertical
I/flutter ( 2623):   mainAxisAlignment: start
I/flutter ( 2623):   mainAxisSize: max
I/flutter ( 2623):   crossAxisAlignment: center
I/flutter ( 2623):   verticalDirection: down
I/flutter ( 2623): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
I/flutter ( 2623): ════════════════════════════════════════════════════════════════════════════════════════════════════

Steps to Reproduce the Problem

  1. get into dengue_app folder
  cd dengue_app
  1. run the flutter app
  flutter run

Testing Specifications

  • Version: Flutter 1.12.13+hotfix.8
  • Platform: Android 7.0 Nouget ( API level 25 )
  • Device: Sony Xperia Z5 Compact

Community app view reported incidents component

This issue relates to front-end and back-end implementation of the component which is used to view the incidents reported by a particular user.

The finished UI should correspond to this design
My Reports

ISSUE_FOR GSOC 2k21

Hey
I am a GSOC 2k21 aspirant and wanted to contribute to your community. I found this dengue stop application quite useful and solving major issues in countries. I have an idea regarding this application:- why not take this application to android and mobile so that it has a better reach and in place of using it specifically for dengue we can use it for many other pandemics and diseases that are spreading in today's world. Being an android developer I could surely work upon this idea if the mentors allow me.

Dengue Stop Milestones for GSoC 2020

Please find the detailed project plan here.

Proposed UI Mockups

Login Screen (Mobile)

Login

Signup Screen (Mobile)

Register

Home Screen (Mobile)

Home

New Incident Screen (Mobile)

Report Incident

My Reports Screen (Mobile)

My Reports

My Profile Screen (Mobile)

My Profile

Login Screen (Web)

Login_wo_logo

Dashboard Screen (Web)

Heat Map

Metrics Screen (Web)

Metrics

Patient/Incident List Screen (Web)

Patient List

Events Screen (Web)

Event List

Create Event Screen (Web)

Event List – Create New

Milestone 1

  • Setting up the new project and initial configurations. (Mobile App)

  • Designing the database structure.

  • Creating the database and the server using Flask.

  • Setting up end-points to be consumed by the mobile application.

  • Incident reporting and viewing feature. (Mobile App)

  • User registration and authentication. (Mobile App)

  • User profile viewing and editing feature. (Mobile App)

  • Implementing events feature - front-end (Mobile App)

  • Setting up the new project and initial configurations. (Web App)

  • Testing for milestone 1.

  • Documentation for milestone 1.

Milestone 2

  • Code refactor after milestone 1.

  • Dashboard Component - Heatmap (Web App)

  • Dashboard Component - Incident receiving feature (Web App)

  • Dashboard Component - Incident verification feature (Web App)

  • Dashboard Component - Incident summary feature (Web App)

  • Patient/Incident List Component - Incident view feature (Web App)

  • Patient/Incident List Component - Incident searching feature (Web App)

  • Patient/Incident List Component - Incident filtering/sorting feature(Web App)

  • Metrics Component - Chart visualization (Web App)

  • Metrics Component - Metrics logic (Web App)

  • Testing for milestone 2.

  • Documentation for milestone 2.

Milestone 3

  • Code refactor after milestone 2.

  • User registration and authentication. (Web App)

  • Alerts/Events sending feature. (Web App)

  • Implementing events feature - back-end (Mobile App)

  • Testing for milestone 3.

  • Documentation for milestone 3.

  • Finalizing the project.

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.