Often, small development teams and teams of inexperienced developers run into the problem of incorporating inconsistent frontend components into their projects. These points of inconsistency can be jarring or distracting to the user and can make a project appear messy or unprofessional. Stylebin is a web application that aims to resolve this issue by providing the user with an intuitive graphical interface for creating and styling sets of frontend React components. The user will be able to create workspaces for their projects and create ‘bins’ within those workspaces. Bins contain frontend components and a set of styling preferences that are reflected in those components. New components can be selected from a list, defined through a form, and then added to the bin. These components can then be exported and added to your codebase. The exported zip file contains the components along with a stylesheet that reflects the bin’s styling preferences. We created this project utilizing modern web development technologies to keep our product up-to-date and challenge our development team to learn a new tech stack. As it stands, our MVP serves all of our basic functionality from the frontend. Our future plans involve fleshing out the feature set that already exists within Stylebin, including adding more styling options and adding additional component types for users to work with.
