VolunteerMatch is Merging with Idealist!

Learn more about this strategic partnership of nonprofit technology leaders
Read More
  • 15 people are interested
 

Figma to React Component Developer

Save to Favorites

ORGANIZATION: DemocracyLab

  • 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 Review

No 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

Computers & Technology
Computers & Technology

WHEN

We'll work with your schedule.

WHERE

This is a Virtual Opportunity with no fixed address.

SKILLS

  • Software Engineering

GOOD FOR

N/A

REQUIREMENTS

  • Orientation or Training
  • 5 hours/week

Report this opportunity