/aapi-stories

Solution to unite AAPI by improving the Advancing Justice website and adding a stories section for AAPI folks to share their experiences with racism

Primary LanguageHTML

aapi-stories

Technologies:

  • HTML/CSS
  • Bootstrap CDN

Challenge:

  1. Improve the portal site's UI/UX
  2. Create a page where AAPI folks can share their personal experiences with racism.

Icebox:

  • Integrate hashtag feed from a third-party (e.g. Instagram or Twitter)
  • Integrate a Google Translate API reach more people.
  • Build out a working demo that is responsive.

User Story:

  • As a user, I can see a navbar that allows navigation between pages.
  • As a user, I can see a dot navigation on the main page.
  • As a user, I can see a main campaign to share personal stories.
  • As a user, I can see a section to donate.
  • As a user, I can see a snapshot of all the affiliate organizations.
  • As a user, I can see all of the organization's contact information as well as links to the affiliate chapters.
  • As a user, I can see a group of stories on a page.
  • As a user, I can see a button to submit my own experience.
  • As a user, when I click on a story, I am redirected to the individual story.
  • As a user, I can see which stories have an audio recording.
  • As a user, I can see an audio media player to play, pause, or adjust the progress bar.
  • As a user, I can see a transcript of the story.
  • As a user, I can fill out a form to type out my experience/story.
  • As a user, I can share a story to social media.

Achievements so Far:

![image of Essteem Equalithon badge - Design Thinking] (https://dl.airtable.com/.attachments/04958e7d55649478b58b68a7add6ee08/4d4f8b08/Teambadge-DesignThinking.png)

![image of Essteem Equalithon badge - Team Leader] (https://dl.airtable.com/.attachments/775066c85d8591af5478ce9a721f1f1f/db83f0be/Performance-TeamLeader.png)

![image] (https://dl.airtable.com/.attachments/e0ee7f62335eacadbad24bbcb004e6b0/f112524e/Teambadge-UserExperience.png)

![image] (https://dl.airtable.com/.attachments/2788f0ffe5b8f612e7c1b778d4c33671/a087235d/Teambadge-FeaturePrioritizing.png)