Facilitating the planning and organisation of fly-tip cleanups, Tip-Off is a web app designed to allow users to report, and share information about existing litter and waste sites.
Currently mobile-only
Check out the MVP here
Check out the prototype, or view it on github pages.
-
People can document litter sites (i.e. fly-tipping, build-ups of illegal litter, or undesirable waste located in public areas), and report details of its size, location, and type.
-
Volunteers and concerned citizens can then browse documented litter sites by location using map UIs, and view the litter sites' details in order to plan cleanups to remove the waste.
-
As someone visiting the page I want to be presented with a brief description of the app's purpose, so I can determine whether it's of use to me.
-
As a user of the app, I want to be able to navigate between the various pages so I can easily access the feature that is of most use to me.
-
As a user who has noticed waste in a public space, I want to be able to report details of said waste so that other users can be made aware of the litter, and view information.
- Share the location of the litter site.
- Upload an image of the litter site.
- Detail the size and type of the litter site.
-
As a cleanup volunteer, concerned by the cleanliness of my area, I want to see waste sites mapped out, so that see how many there are, and where they are.
-
As a cleanup volunteer who has identified a waste site in a map of my area, I can click on the waste site marker so I can review further details pertaining thereto.
- OAuth (Gmail)
- Comments section under each litter post
- Event planning system (i.e. date picker)
- Filtering on browse map (database queries)
- Image compression within browser before uploading to database
- Volunteers
- Local residents
- Charities
- Litter-oriented entrepreneurs
- Local authorities cleaning streets
- Street sweeps / bin men
- Community service
- Charities organising cleanups
- Node.js
- hapi.js
- handlebars
- Leaflets.js
- PostgreSQL
- Amazon S3
| Name | Type | Constraints |
|---|---|---|
| id | SERIAL | PRIMARY KEY |
| location | TEXT | NOT NULL |
| image_url | TEXT | DEFAULT NULL |
| size | TEXT | NOT NULL |
| description | TEXT | NOT NULL |
| date | TIMESTAMP | NOT NULL DEFAULT CURRENT TIMESTAMP |
| Name | Type | Constraints |
|---|---|---|
| id | INTEGER | PRIMARY KEY |
| description | TEXT | NOT NULL |
| Name | Type | Constraints |
|---|---|---|
| post_id | INTEGER | NOT NULL REFERENCES posts (id) |
| tag_id | INTEGER | NOT NULL REFERENCES tags (id) |
- Uploading images to S3 tutorial