This is a web application made for the International Rice Research Institute for the internship project,
Drone Image Analysis.

Official IRRI repository for this project is found here.

This project was bootstrapped with Create React App.

Table of Contents

• Dependencies
• Development
• File Structure
• Bugs and Feedback
• About the Developers

Dependencies

The application requires the following installed for development:

• NodeJS framework (version 8.6.0 above)
• PostgreSQL database (version 9.3.23 above)
• yarn (optional) CLI (version 1.2.1 above)

In the PostgreSQL database, you must create a SUPERUSER to access the database, and a PUBLIC (access privilege to all) schema called dronedb with the PASSWORD of dronedb.

Clone the application server and client folders. Run a terminal inside both folders and then run npm install or yarn add in each. This will set up the remaining dependencies needed by the application to run.

In the server terminal, run npm run seed or yarn seed to set up the schema, then run psql dronedb < node_modules/connect-pg-simple/table.sql to create the session table.

Development

When developing the app, open terminals that will open both the server and the client folders. Run npm start or yarn start on both terminals. Once the application loads, you can start developing.

It is also important to note that everytime you make a change to the code of the application, create-react-app already has a module that updates itself through react-scripts so you get all the new updates automatically.

File Structure

The folders are implemented as follows (once all dependencies have been installed):

Client

drone-image-client/
  node_modules/
  public/
    dia-logo.png
    index.html
    manifest.json
  src/
    api/
      entities/
        ...<entity>.js
      index.js
    app/
      App.js
    assets/
      ...<asset>
      index.css
    components/
      ...<component>/
    index.js
    registerServiceWorker.js
  package.json
  README.md
  yarn.lock
  .gitignore

Server

drone-image-server/
  build/
  node_modules/
  db/
    models/
      ...<model>.js
    index.js
    seed.js
  src/
    entities/
      ...<entity>/
        controller.js
        router.js
    api.js
    index.js
  package.json
  package-lock.json
  README.md
  yarn.lock
  .gitignore

Bugs and Feedback

If there are any bugs or feedback that concerns the project, go to the issues (client or server) tabs.

About the Developers

This web application is made by Jasper Arquilita, a student from University of the Philippines Los Baños. The other part of the project which is for Image Processing is made by a co-student, Loria Malingan.