Crate

Brownfield project for Turing students to collaborate on as a full-stack team in Mod4. This team was assigned the Improving UX and Community Track

Original Crate Repo README

About

Crate is a platform, similar to Stitch Fix, that allows users to setup monthly subscriptions to receive trendy clothes and accessories.

Technologies Used

Front End

• React
• Redux

Back End

• GraphQL
• Sequelize
• Express
• Node.js

Prerequisites and Setup Instructions

Prerequisites

• Node
• Postgres

Note: please install postgres using the postgres.app not homebrew. When installing with postgres.app for step 3 follow the instructions below to configure the postgres CLI.

Configuring your $PATH variable

1. Add the following to your .bash_profile or (.zshrc if using zsh) export PATH="/Applications/Postgres.app/Contents/Versions/<your postgresql verson i.e. 12.3>/bin:$PATH"`
2. Close or reload your terminal window
3. Type which psql in your terminal you should see the following output: /Applications/Postgres.app/Contents/Versions/latest/bin/psql
4. Type psql in your terminal to verify that your postgres CLI is working.

Setup

• Clone down the repo using git clone git@github.com:gabichuelas/crate.git
• Change into the crate directory using cd crate
• Change into the code directory using cd code
• Change into the api directory using cd api
• In this directory, run npm run setup to install packages and database setup (migrations and seed)
• From this same directory, run npm start. You can now browse GraphiQL at http://localhost:8000/
• Navigate back to the code directory using cd ..
• Change into the web directory using cd web
• In this directory, run npm install to install packages
• From this same directory, run npm start. You can now view the application from your browser at http://localhost:3000/

Preview

• Added Feature: User can update profile details

• Added Feature: User can update profile picture

GraphQL Schema

Database Schema

Future Iterations

• Display the delivery date on the subscription card and allow the user to edit the date as needed
• Integrate the Twitter API so users can tweet which clothes they have purchased

Contributors

Front End

• Erin Untermeyer
• Nicole Latifi
• Corbin March

Back End

• Kwibe Merci
• Gaby Mendez
• Ryan Laleh