Product Feedback Board
(IN PROGRESS) The Product Feedback challenge is a mock product support page, whereby users can request, discuss, and upvote product ideas for the underlying product. The project is built using NestJS for the backend and React for the frontend.
Technology Used
GraphQL Backend w/ NestJS
The backend is built using the increasingly popular NestJS framework. Nest has provided a custom integration with Apollo Server that makes it relatively easy to generate a GraphQl API from the "Nest-way" of building an app.
The API is currently hosted on Heroku and has functioning read operations. Mutations have not yet been implemented.
The API can be examined using the GraphQL playground, hosted at: https://fem-product-feedback.herokuapp.com/graphql
Component-Driven Design w/ Storybook
Storybook is a library that provides a development workspace for isolated components. At its core, Storybook facilitate developing from the atomic elements of your app and encouraging their composition and decoupling from application concerns. Additionally, it offers plugins that increase developer productivity, such as preset-viewport preview toggling at the component level, component state toggling, UI for manipulating component state, and many more.
The atomic components of this application are complete (for desktop specifications) and some work has been done to start composing these components together into composite components and pages.