Grouper

fish

Realtime Group Shopping App

react icongraphql iconjavascript iconnode-dot-js iconcss3 iconheroku iconpostgresql icon

Group shopping and lists made easy. Check them off as you go and get real-time updates as you shop. Split up and let others get items. Mark them off as you find them. This was built to utilize Next.js with React on the frontend for quick SSR React Components and caching. Apollo Boost works to connect the backend data to the client side, as well has hold local state.

All GraphQL Mutations and Queries are handled through Apollo. The API uses GraphQL with a GraphQL server to connect to a Prisma database that is built using PostgreSQL. The relational data structure allows for quick querying to the server. A testing suite was built using Jest and Enzyme to make sure that everything is up and running properly. Snapshot testing was integrated as well. The app is deployed using Heroku on both the front and back ends.

This was a quick five day build meant to act as a coding challenge interview, so it is far from perfect yet.

Built with: Next.js React, Graphql, Prisma

Started in Winter 2018

return Back To Portfolio
Grouper screenshot 0Grouper screenshot 1Grouper screenshot 2