-
15 people are interested
Figma to React Component Developer
ORGANIZATION: DemocracyLab
Please visit the new page to apply.
-
15 people are interested
VOLUNTEER SERVICE POSITION
Figma to React Component Developer
www.democracylab.org
Purpose: DemocracyLab connects skilled volunteers with technology-for-good projects, resulting in better civic technologies, more active citizens, and more efficient institutions. The Figma to React Component Developer volunteer position will contribute to the effort of converting Figma designs into React component tasks for other volunteers to work on, providing an excellent opportunity for collaboration and skill enhancement.
Position Title: Figma to React Component Developer
Key Responsibilities:
Work closely with designers to understand and interpret Figma mockups
Break down Figma designs into manageable React component tasks for other volunteers
Create detailed task descriptions for each React component
Define test cases for each component using Storybook
Participate in code reviews to ensure quality and consistency
Contribute to team knowledge sharing and documentation
Education or Experience Preferred: Minimum 2 years of professional experience as a Full Stack Developer with a strong focus on React. Proven track record of converting Figma designs into functional React components.
Knowledge or Skills Required:
Proficiency in JavaScript, React, and related front-end technologies
Experience working with Figma and translating designs into code
Familiarity with Storybook for component testing and documentation
Knowledge of Python and Django is a plus
Strong problem-solving and communication skills
Ability to collaborate effectively in a team environment
Length of Appointment: We request that a volunteer be comfortable committing a minimum of 3 months to this role.
Time Commitment: We request that a volunteer be willing to commit a minimum of 5 hours per week to this position.
Reports To: David Fridley and Marlon Keating, DemocracyLab Engineering Team
Communication: DemocracyLab uses Slack as its primary form of communication. Files will be stored and shared using Google Drive.
Support Provided: Volunteer orientation, collaboration with DemocracyLab team.
How to Apply: Please respond with a little bit about your background, a github url, a resume or linkedin profile, and an example of a component definition for this project. The project is defined in this issue: https://github.com/DemocracyLab/CivicTechExchange/issues/923 and the task is breaking it down into react component definitions so other volunteers can work on them. Please dig into the issue description, and the figma file and find one component that takes user input and write a definition for it. The definition should include props to be passed to the component, a link to the specific figma component this definition is for, and a list of test cases and/or other requirements that must be met for the task. In the definition you are welcome to propose how to pass data up to parent components, it’s an architecture decision yet to be made. Here is an example of a definition from another project: https://github.com/EnCiv/civil-pursuit/issues/44.
Learn More: Visit www.democracylab.org
More opportunities with DemocracyLab
1 ReviewNo additional volunteer opportunities at this time.
About DemocracyLab
Location:
Seattle, SEATTLE, WA 98101, US
Mission Statement
Empower people who use technology to advance the public good.
Description
DemocracyLab seeks to empower anyone with the privileges of time and talent to become change agents. Our platform and programs connect tech-for-good projects with skilled volunteers and socially responsible companies.
Our platform and programs are designed to:
- Help tech-for-good projects launch
- Give volunteers opportunities to advance their careers
- Partner with companies to build cultures of purpose
CAUSE AREAS
WHEN
WHERE
This is a Virtual Opportunity with no fixed address.
DATE POSTED
January 30, 2025
SKILLS
- Software Engineering
GOOD FOR
N/A
REQUIREMENTS
- Orientation or Training
- 5 hours/week