Frontend Developer – Design System Implementation

We accomplish this through a web app that matches member organizations based on their needs and offers, enabling direct exchanges using an internal mutual credit system for recordkeeping. The credits can be gamified to incentivize actions that create positive social and environmental outcomes.,We're seeking a skilled frontend developer to help align our React-based web application with our updated design system. This project involves implementing visual and component updates across our mutual credit marketplace platform, ensuring a cohesive, professional user experience that builds trust with the small businesses we serve.This is an excellent opportunity to apply your frontend skills to a mission-driven project, gain experience working with a comprehensive design system, and contribute to technology that supports community economic resilience.ResponsibilitiesWeek 1-2 Color System & TypographyUpdate CSS custom properties to implement our standardized color paletteRemove deprecated orange business accents and replace with unified green system (#39AA2C primary, #099929 secondary)Implement Inter font family with proper typographic hierarchyStandardize button component variants (primary dark, secondary green, outline, disabled states)Week 3-4 Component StandardizationUpdate input field styling with proper focus statesImplement card component standards (8px border radius, proper padding scale based on 4px grid)Add status badge components with correct styling and color codingEnsure icon consistency (2px stroke weight, rounded caps, 24px sizing)Week 5-6 Page-Level UpdatesDashboard Add Quick Stats section, update feed tabsWallet Update balance card stylingMarket Implement match badges ("Good fit", "Near you", "Past partner")Storefront Apply unified color systemQualificationsRequired Proficiency in React (we use React Router v7)Strong experience with CSS, particularly Tailwind CSSUnderstanding of design system implementationFamiliarity with CSS custom properties/variablesExperience with responsive, mobile-first design patternsAbility to work independently and manage your own timePreferredExperience with Figma-to-code workflowsUnderstanding of accessibility standards (WCAG)Previous experience contributing to open source or nonprofit tech projectsTIME COMMITMENTHours per week 3-4 hoursDuration 6 weeksSchedule Flexible; work on your own scheduleMeetings Weekly 30-minute check-in with technical lead (time flexible)What We ProvideComprehensive documentation Completed design system audit with every required change detailed by page URLDesign assets Finalized Figma file with complete component specifications, icon library, and color paletteTechnical support Weekly check-ins with our technical lead for code reviews and questionsCommunication Dedicated Slack channel for quick questions and collaborationDevelopment environment Clear setup documentation and staging environment for testingBenefitsOpportunity to contribute your technical skills to a meaningful cause supporting local economiesHands-on experience implementing a comprehensive design system from documented specificationsPortfolio piece demonstrating design system work for a production applicationLetter of recommendation upon successful completionNetworking with a passionate team working on alternative economic modelsFlexible, fully remote scheduleIMPACTYour work will directly enable small businesses to connect, trade, and thrive together. A polished, consistent interface signals professionalism and reliability to the business owners who entrust their livelihoods to our platform. Every improvement you make removes friction from the exchange process—meaning more local businesses discovering each other, more services traded, and stronger community economic resilience.By helping us implement these design updates, you'll be building infrastructure for a more equitable local economy.