diff --git a/README.md b/README.md index 6f99ae5..2f84a56 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,33 @@ # iReporter iReporter enables any/every citizen to bring any form of corruption to the notice of appropriate authorities and thegeneral public. Users can also report on things that needs government intervention + +# Required Features: + +- Users can create an account and log in. +- Users can create a red-flag record (An incident linked to corruption). +- Users can create intervention record (a call for a government agency to intervene e.g repair bad road sections, collapsed bridges, flooding e.t.c). +- Users can edit their red-flag or intervention records. +- Users can delete their red-flag or intervention records. +- Users can add geolocation (Lat Long Coordinates) to their red-flag or intervention records. +- Users can change the geolocation (Lat Long Coordinates) attached to their red-flag or intervention records. +- Admin can change the status of a record to either under investigation, rejected (in the event of a false claim) or resolved (in the event that the claim has been investigated and resolved). + +# Optional Features: + +- Users can add images to their red-flag or intervention records, to support their claims. - Users can add videos to their red-flag or intervention records, to support their claims. - The application should display a Google Map with Marker showing the red-flag or intervention location. +- The user gets real-time email notification when Admin changes the status of their record. + +# Built with: + +So far this application has been built with + +. HTML +. CSS + +# Author: +Bekalaze Joseph + +# Courtesy of: + +Andela Uganda diff --git a/UI/static/main.css b/UI/static/main.css new file mode 100644 index 0000000..40ac87a --- /dev/null +++ b/UI/static/main.css @@ -0,0 +1,142 @@ +body{ + margin: 0px; + background-size: cover; + padding-right: 0; +} +h1{ + color: #d5d5d8; + font-size: 2em; + font-family: Arial, Helvetica, sans-serif; + margin-left: 5%; + text-shadow: 1px 2px 5px rgba(0,0,0,.5); + +} +p{ + color: black; + font-family: Arial, Helvetica, sans-serif; +} +#alpha{ + background-color: rgb(245, 188, 45); + padding-left: 10%; + padding-right: 10%; + padding-bottom: 10%; + padding-top: 5%; +} +h3 { + text-align: center; + font-size: 150%; + color: rgb(31, 31, 243); + text-shadow: 1px 2px 5px rgba(173, 173, 226, 0.9); + +} + +h2 { + text-align: center; + font-size: 150%; + color: rgb(233, 233, 241); + text-shadow: 1px 2px 5px rgba(173, 173, 226, 0.9); + +} +#low { + padding-left: 30%; + padding-right: 20%; + padding-bottom: 5%; + padding-top: 5%; +} +.top{ + margin: 2%; + margin-top: 0%; + font-size: 1.5em; + float: right; + +} +.top a{ + color: rgb(251, 255, 0); + text-decoration: none; +} +a:hover { + color: rgb(161, 27, 34); +} + +.dare { + padding-left: 30%; + padding-right: 30%; + padding-bottom: 5%; + padding-top: 0%; +} + input { + display: block; + width: 100%; + padding: 12px 20px; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + display: block; + margin: 20px 25px 20px 25px; + background-color: rgb(247, 223, 223); + + } + button{ + border-radius: 15px; + padding: 5% 5%; + text-align: center; + width: 50%; + font-size: 80%; + background-color: darkorange; + + } + button:hover{ + background-color: #1ce25b; + } + +.omega{ + background-color: rgb(41, 212, 41); +} +.flex{ + background-color: rgb(243, 25, 243); + color: rgb(13, 255, 0); + margin-right: 0%; + +} + +table +{ + border: 1px solid white; + border-collapse: collapse; + padding-bottom: 20%; + padding-right: 50%; + padding-left: 50%; + padding-right: 50%; + overflow-x: auto; + width: 50%; + +} +table th{ + border: 1px solid white; + text-align: center; + height: 50%; + +} +table td{ + border: 1px solid white; + text-align: center; + height: 70%; +} +th { + background-color: #4CAF50; + color: white; +} +/*tr:nth-child(even) { + background-color: #f2f2f2; +}*/ + +tr:hover + background-color: #f5e72c; +} +th:hover { + background-color: #4f52ff; +} +label{ + padding-left: 30%; +} \ No newline at end of file diff --git a/UI/templates/admin.html b/UI/templates/admin.html new file mode 100644 index 0000000..c90402c --- /dev/null +++ b/UI/templates/admin.html @@ -0,0 +1,41 @@ + + +
+ + +| category | +Title | +Description | +Geolocation | +ReportedBy | +Status | +change Status | +
| Redflag | +corruption | +Government officials taking bribes at Mukono district headquarters | +Lat 1.2178 Long 0.791 | +Bekalaze | +resolved | ++ + | +
| interventions | ++ Embezzlement + | ++ There isn't enough drugs at Mukono Health Centre 4 + | +Lat 0.11229 Long 0.4237 | ++ Favor + | +under investigation | ++ + | +
| interventions | ++ Embezzlement + | ++ Roads along Mukono and seeta have potholes + | +Lat 0.90672 Long 1.55427 | ++ Kalanzi + | +Rejected | ++ + | +
iReporter enables any/every citizen to bring any form of corruption to
the notice of appropriate authorities and the general public.
Users can also report on things that need government intervention.
+Name: Bekalaze
+Location: Mukono
+Email: bekeplar@gmail.com
+contact: +256772787777
+| iReporter | +Under invesigation | +Resolved | +Rejected | +
|---|---|---|---|
| Red flag | +5 | +4 | +2 | +
| Intervention | +3 | +0 | +5 | +
Government officials taking bribes at Mukono district headquarters.
+Lat: 1.2178
+Long: 0.791
+Status: under investigation
+There isn't enough drugs at Mukono Health Centre 4
+Lat: 0.11229
+Long: 0.4237
+Status: resolved
+Red flag
+Government officials taking bribes at Mukono district headquarters.
+Geolocation
+Lat 1.2178 Long 0.791
+Status: under investigation
+intervention
+There isn't enough drugs at Mukono Health Centre 4
+Geolocation
+Lat 0.11229 Long 0.4237
+ +Status: resolved
+