Rebuild Black Business
Frontend Team
Who are we?
Dominic Magnifico
Co-Founder House of Giants
Frontend Developer
RBB Frontend Engineering Leads
Mike Bifulco
Tech Director, Gymnasium
Frontend Developer
RBB Frontend Design Lead
Neil Shapiro
Blizzard Entertainment
Full Stack Developer
Rebuild Black Business
Frontend Team
Our Part
- Define responsibilities of each vertical
- Establish objectives, MVP and tech stack
- 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-fidelity Figma 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
RBB Demo Days
By Dominic Magnifico
RBB Demo Days
- 114
