Establish standards and process to easily manage and contribute to the project
Create easy to follow documentation to encourage new contributors and get them set up quickly
Rebuild Black Business
Frontend Team
Objectives
Create an application that helps to amplify black owned businesses by making it easy for anyone to find and support businesses in their area
Allow allies to sign up to volunteer their time and expertise to help black owned businesses
Provide resources for black owned businesses
Rebuild Black Business
Frontend Team
design responsibilities
Defining the design system
Creating information architecture and directing user flow
Providing high-fidelityFigma mockups to Engineering
engineering responsibilities
Determine use of frameworks and UI libraries to hit tight deadlines
Rebuild Black Business
Frontend Team
MVP (9 Days)
Business listing page that takes data from the backend team, allows users to search for local black owned businesses to help support
Business submission form allowing anyone to add a Black-owned business to the listing page
Review and approval process for businesses
Location based business search
Ally listing page that organizes allies by skills they are willing to volunteer to Black-owned businesses
Ally submission form allowing allies to sign up to be listed
Gating the ally page to help protect ally email addresses
Rebuild Black Business
Frontend Team
Tech Stack
Gatsby
Static site generation
Good documentation
Ease of use and setup for contributors
Chakra UI
Reusable components for a quick set of UI standards
Airtable
Database management
Solid GUI
Several tools that we were able to leverage for a CMS style approval process for business and ally submissions.
Rebuild Black Business
Frontend Team
Standards and process
Entire Lead group decides on necessary features and functionality
Teams define the individual tasks required to deliver
When design is complete, mockups are handed off to engineering
When engineering is complete, design performs review
Constant communication, collaboration and discussion in Discord
Rebuild Black Business
Frontend Team
Design Standards and process
Design stories are entered in Trello, and moved to the backlog when they're ready for work. A sprint will start with wireframe or information architecture work, and then move to higher fidelity designs
Designers comment on the story or in Discord to start working on the task
When their work is complete, they request feedback through comments in Figma
After being reviewed, a design lead will hand off the work to an engineering lead
Rebuild Black Business
Frontend Team
Engineering Standards and process
Design to Dev hand-off. Work together to define a functional spec for that feature
Create a GitHub issue using issue templates
Open issue to the community and allow contributors to claim the ticket
Contributors would open PRs, and team leads would use this as an opportunity to teach and enforce project standards
QA / PMs / Business team would review individual ticket implementation
After PR approval, feature would be merged, and ticket closed