andrewjoung / final-project

Fabella is a web application that uses story-telling as a means of education.

In response to the 2016 American Election, we at Fabella decided to create a platform in which members of various communities can share their stories and experiences living in America. We intend this to be a platform to share stories which disprove stereotypes, document post-election bigotry, or simply demonstrate kindness for all walks of life.

We want our readers to walk away with a renewed sense of empathy for people with different identities. We believe storytelling is an effective means to accomplish this goal. Storytelling cannot be the sole education force, so we have included an interactive dataset (specifically pertaining to the American Muslim community) focused on adressing this goal.

Our mission and goals are modeled after similar web initiatives, in particular, the Facebook group "Pantsuit Nation" and Vox's "Secret Life of Muslims."

For developers:

React provided the structure to our website, and we have abstracted out different components for the various routes, as well as components for specific Stories, Reported Stories, etc.

Other libraries/frameworks we are using:

• lodash
• Firebase
• React-mdl
• Bootstrap
• React d3

This project was bootstrapped with Create React App.

final-project's Issues

Create footer

Create a footer at the bottom with our names, course title, Joel's name, and University of Washington

Share modal

-When the user submits a story, it should reset the state of the modal so that when they click share again, the modal starts out blank.
-Should also figure out how to size the modal without using pixels, so that the modal looks good on mobile

Possibility to donate to certain causes in get involved?

Conditional description in the header

We want there to be a description of each page. So for stories, it would be something like "Informing people one story at a time".

Ability to post

Have a form for posting, then send that data to firebase

Story component

Post content, profile pic, and a report post button. Idea for reporting is that when a user clicks report, it updates a key for that message in firebase called "reported" to true

Search for representatives by state

Filter posts by community, etc

Find the types of data that we want to display

Stuff like
-Discrimination statistics?
-Statistics that disprove common stereotypes
-Post-election statistics for hate crimes?
-Can we somehow make this data interactive?

nav bar for mobile devices

When we resize the screen, MDL automatically makes the nav bar disappear. So we need to make sure it's either included or there is an alternative for mobile devices.

Posting details

-Will implement a "thanks for sharing" feedback
-If content is empty, disable the share button

Apply to be a moderator button

This will reside in the "get involved" part. This can either be a button that will do the "mailto" thing, or a form with an application.

Access the JSON for representatives

New README

Change title

Search the posts

Ordering of story component

We want the most recent stories to appear at the top of the page by default. Right now they appear in the opposite order. This can probably be accomplished using Lodash