Giter Club home page Giter Club logo

floodwatch's People

Contributors

buth avatar chanderson0 avatar cperinet avatar friej715 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

benrito

floodwatch's Issues

Profile page

As a logged in user I can provide information about my gender, race, age, religion, political affiliation. I can change this info at any time. I can select all of this info from a predertmined set of options.

Link: floodwatch.me/profile

Vote up gallery

As any user I can vote up a visual of demo comparisons I find interesting

Section: Gallery landing
link: floodwatch.me/gallery

FAQ

As any user I can access information about how to delete my account, how and why floodwatch stores my ads and my data, floodwatch's security audit, contact info for anyone who wants access to the data

Link: floodwatch.me/faq

Today button

As any user I can view a new search for the same demographic comparison shown in the snapshot that represents today's results

Gallery detail view

  • Gallery detail view: As any user I can access a snapshot of a particular comparison and a permalink to it.
  • Share buttons: As any user I can click on a link to share the comparison to Twitter, Facebook and Email via a mailto:link. As a logged in user, I can share my comparison to the gallery page ("amplify"). If I share a comparison I will have access to a permalink and a success message.
  • Gallery link: As any user I can go back to the gallery landing page
  • Today button: As any user I can view a new search for the same demographic comparison shown in the snapshot that represents today's results

Link:floodwatch.me/gallery/{ID}

Infrastructure Setup

As a developer I can add pages to the site and deploy the app

Link: floodwatch.me

Gallery landing page

  • As any user I can view all the images of demographic comparisons marked interesting
  • As any user I can sort all the images of demographic comparisons marked interesting and sort them by popularity over all time. I can sort them by date added.
  • As any user I can vote up a visual of demo comparisons I find interesting
  • As any user I can click and go to an individual comparison between 2 demographic groups to learn more.

Demographic prompt - edge case

As a logged in user who has not provided demographic data, if I try to mark a comparison as interesting I will be prompted and required to provide demographic info. If i give demographic info I will see a success message.

Build extension

As a logged in user the floodwatch extension records my ads

link: chrome-extension://npbpagdaniadalljcpmhpfmgkanalhap/history.html

Dashboard 2

As a logged in user I can see a short sentence comparing the left and right columns

Extension

  • Extension: As a logged in user the floodwatch extension records my ads
  • Extension login: As a person signed up for floodwatch I can associate my extension with my account
  • Extension settings:As a person signed into my extension I can change settings

Gallery detail view

As any user I can access a snapshot of a particular comparison and a permalink to it.

Share buttons

As any user I can click on a link to share the comparison to Twitter, Facebook and Email via a mailto:link. As a logged in user, I can share my comparison to the gallery page ("amplify"). If I share a comparison I will have access to a permalink and a success message.

Homepage landing

As a non-logged in user I can go to the gallery, go the page to sign up for an account, as any user I can read about the project, I can learn about what I will get from participating, I can learn about how my data will be used

My Ads (was tile mode)

As a logged in user I can access a visualization of ads served to me over time

Link:floodwatch.me/history

Dashboard 1

As a logged in user I can see which ads are served to me proportionally, likely in a stacked bar chart. I can see what ads are shown to all floodwatch users by default.

Filter

As a logged in user I can filter categories based on the demographic data I've provided, I cannot make a comparison using any demographic filter I haven't filled in. I can change the comparison to compare myself to other demographics including age and race groups. I can select and compare two different demographics.

Signup/Login

  • Create account: As a non-logged-in user I can create an account with an email address and password. I can get information about why my email address is required and how it will be used. I can choose to provide additional demographic info such as race, gender, age, location, political affiliation

  • Login screen: As a non-logged in user I can log in to access my dashboard.

Link:floodwatch.me/signup

Logical NOT filters are not properly labelled

Logical not filters are missing the โ€˜notโ€™ in the label. ie. if I select NOT white in a filter, the label still shows as White Floodwatch Users.

This also applies to the summary sentence.

screen shot 2017-01-04 at 10 29 56 am

Landing Page

  • Homepage landing: As a non-logged in user I can go to the gallery, go the page to sign up for an account, as any user I can read about the project, I can learn about what I will get from participating, I can learn about how my data will be used
  • Homepage dashboard button: As a logged in user I can access my dashboard

Link: floodwatch.me

Login screen

As a non-logged in user I can log in to access my dashboard.

Release plans

  • add pop up window into old extension

  • send press release

  • write medium post

  • fix about page on floodwatch.me

  • go through old database and find the folks who signed up for the mailing list

Update d3 to v4

Right now we're running d3 v3.5.17. We're a version behind, and so may want to update, but doing so means rewriting a large chunk of the Chart code, which is less straightforward than I'd like.

Extension login

As a person signed up for floodwatch I can associate my extension with my account

Link: chrome-extension://npbpagdaniadalljcpmhpfmgkanalhap/history.html

Extension settings

As a person signed into my extension I can change settings

Link: chrome-extension://npbpagdaniadalljcpmhpfmgkanalhap/history.html

View gallery

As any user I can view all the images of demographic comparisons marked interesting.

Needs design - @friej715 can you plz kick this to dev once design is done?

link: floodwatch.me/gallery
#5
#4
#3
#6

Gallery link

As any user I can go back to the findings landing page

Sort Gallery

As any user I can sort all the images of demographic comparisons marked interesting and sort them by popularity over all time. I can sort them by date added.

Section: Gallery landing
link: floodwatch.me/gallery

Comparison

  • Dashboard: As a logged in user I can see which ads are served to me proportionally, likely in a stacked bar chart. I can see what ads are shown to all floodwatch users by default.
  • Filter: As a logged in user I can filter categories based on the demographic data I've provided, I cannot make a comparison using any demographic filter I haven't filled in. I can change the comparison to compare myself to other demographics including age and race groups. I can select and compare two different demographics.
  • Demographic prompt - edge case: As a logged in user who has not provided demographic data, if I try to mark a comparison as interesting I will be prompted and required to provide demographic info. If i give demographic info I will see a success message.
  • Dashboard: As a logged in user I can see a short sentence comapring the left and right columns
  • Tile mode: As a logged in user I can see screenshots of ads served to me or any selected demographic and screenshots of ads served to the selected demograpic I am comparing myself to. I may also be able to sort these ads over time.

Create account

As a non-logged-in user I can create an account with an email address and password. I can get information about why my email address is required and how it will be used. I can choose to provide additional demographic info such as race, gender, age, location, political affiliation

Go to gallery detail view

As any user I can click and go to an individual comparison between 2 demographic groups to learn more.

Section: Gallery landing
link: floodwatch.me/gallery

Tile mode (needs estimate)

As a logged in user I can see screenshots of ads served to me or any selected demographic and screenshots of ads served to the selected demograpic I am comparing myself to. I may also be able to sort these ads over time.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.