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 @@ + + + + + + iReporter signin + + + + +
+

iReporter

+ +
+ home + signup +
+
>

+

Building corruption free systems.

+
+
+ +

Admin signin

+


+
+ +
+ + +
+ +
+
+ + \ No newline at end of file diff --git a/UI/templates/admin_dashboard.html b/UI/templates/admin_dashboard.html new file mode 100644 index 0000000..e6d8ad9 --- /dev/null +++ b/UI/templates/admin_dashboard.html @@ -0,0 +1,104 @@ + + + + + + admin iReporter + + + + +
+

iReporter

+ +
+ home + logout +
+


+

Building corruption free systems.

+
+

Admin dashboard

+ + +

All iReports

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
categoryTitleDescriptionGeolocationReportedByStatuschange Status
RedflagcorruptionGovernment officials taking bribes at Mukono district headquartersLat 1.2178 Long 0.791 Bekalazeresolved + +
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 + +
+

+ +
+
+ + \ No newline at end of file diff --git a/UI/templates/incident.html b/UI/templates/incident.html new file mode 100644 index 0000000..e7aa651 --- /dev/null +++ b/UI/templates/incident.html @@ -0,0 +1,52 @@ + + + + + + iReporter incident! + + + + +
+

iReporter

+ + +

+

Building corruption free systems.

+
+
+

+ + +
+ +
+ +
+ +
+ +
+ +
+
+
+ + \ No newline at end of file diff --git a/UI/templates/index.html b/UI/templates/index.html new file mode 100644 index 0000000..8c85d1d --- /dev/null +++ b/UI/templates/index.html @@ -0,0 +1,35 @@ + + + + + + iReporter! + + + + +
+

iReporter

+ +
+
+ signup + signin +
+


+

Building corruption free systems.

+
+

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.

+
+ +
+ AboutUs + contact +
+
+ + \ No newline at end of file diff --git a/UI/templates/profile.html b/UI/templates/profile.html new file mode 100644 index 0000000..499a43b --- /dev/null +++ b/UI/templates/profile.html @@ -0,0 +1,72 @@ + + + + + + iReporter profile + + + + +
+

iReporter

+
+ signout + report + records +


+

Building corruption free systems.

+
+ + +
+

Name: Bekalaze

+

Location: Mukono

+

Email: bekeplar@gmail.com

+

contact: +256772787777

+
+
+

My iReporter Status

+ + + + + + + + + + + + + + + + + + + +
iReporterUnder invesigationResolvedRejected
Red flag542
Intervention305
+
+ + +
+
+ + \ No newline at end of file diff --git a/UI/templates/records.html b/UI/templates/records.html new file mode 100644 index 0000000..beb4d0d --- /dev/null +++ b/UI/templates/records.html @@ -0,0 +1,53 @@ + + + + + + View iReports + + + + +
+

iReporter

+ + +

+

Building corruption free systems.

+ +
+

my iReports

+ + + + + +
+
+ + \ No newline at end of file diff --git a/UI/templates/signin.html b/UI/templates/signin.html new file mode 100644 index 0000000..cac073c --- /dev/null +++ b/UI/templates/signin.html @@ -0,0 +1,41 @@ + + + + + + iReporter signin + + + + +
+

iReporter

+ +
+ home + signup +
+
>

+

Building corruption free systems.

+
+
+
+ +
+ +

+ +
+ +
+
+ + \ No newline at end of file diff --git a/UI/templates/signup.html b/UI/templates/signup.html new file mode 100644 index 0000000..1939fee --- /dev/null +++ b/UI/templates/signup.html @@ -0,0 +1,51 @@ + + + + + + iReporter signup! + + + + + +
+

iReporter

+ +
+ home + signin +
+
>

+

Building corruption free systems.

+
+

+

+
+
+ +
+ +
+ +
+ + +
+
+
+ + \ No newline at end of file