Skip to content

Latest commit

 

History

History
57 lines (51 loc) · 1.59 KB

README.md

File metadata and controls

57 lines (51 loc) · 1.59 KB
Raw

uReport

Link: uReport

  • Primarily used HTML & Javascript. PHP is used only for forwarding open311.
  • Focused more on the usability & responsive design.

Issues

  • Auto Refreshing of layout has been disable. Currently, if the page is manually resized after pageload - popup is not placed on the right location.

Directory

ureport
│   index.html
│   api.php
│   
└───lib 
│
└───images
│
└───js 
│   └───uReport.js
│
└───css
    └───uReport.scss
    └───uReport.css

index.html

  • Loads all the categories & services dynamically on pageload through AJAX
  • Similarly on click of each service the service definitions are dynmaically loaded using underscore.js templates
  • Templates can be found within script tags in index.html

api.php

  • has endpoints such as loadServices, getServiceDefinition & postRequest

JS

  • uReport.js has the logic for rendering & posting forms

CSS

  • uReport.scss - has the entire bootstrap 4 import within
  • uReport.css is generated from uReport.scss

lib

  • Has third party libraries

Dependency

PHP

- For routing and warping open311 api
- Holding encapsulating API key

SCSS

- Preprocessor for CSS 
- Increases the manageability of CSS

Javascript Plugins

- Jquery
- Underscore js 
    - For Templating html snippets
    - Can be migrated to Vue.js or Angular in future
- Bootstrap 4 - For responsive layout
- Google Map API
- blockUI - Can be replaced with JQuery/Plain Javascript