/crate

Primary LanguageJavaScriptMIT LicenseMIT

Contributors Forks Stargazers Issues

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

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

User updating their description on profile details

  • Added Feature: User can update profile picture

User updating their picture on profile details

GraphQL Schema

graphql_schema_2

Database 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

Back End