Giter Club home page Giter Club logo

crate's Introduction

crate's People

Watchers

 avatar

crate's Issues

User style display for fe

Ensure that once new style is saved to a user and null is replaced, fe has access to that style and can display it

User can click on submit style button

  • If all categories selected, user can submit their style type
  • If a category is missing, user cannot submit their style type and receives a warning message of what is missing

Style Survey

Feature:
Before adding a monthly subscription I would like to choose my style preferences to ensure that I get clothes that better match my personal style. When I visit /crates, the first time I click on + subscribe I am taken to a style preferences page /style-preferences. I am presented with a style survey that consists of a series of categories such as tops, bottoms, dresses, shoes, accessories, etc. For each category I am given several images to choose from with instructions to choose the images that best reflects my style. After I have chosen the images from each category I am given a summary of my style such as ‘classic but edgy’.

Extensions:

  • When I visit my profile page, I can see a button to view my style survey. When I click on the button, I am taken to /style-prefences and can edit my style preferences to update my style at any time.

  • I would like to fill out a style survey for different categories of my wardrobe i.e. work, casual, date night. For each category I am presented with the same categories of choices i.e. tops, bottoms, dresses, shoes, accessories, etc.

README

To be included:

  • Reference comments from repo setup card #3
  • ERD #9
  • user flow, wireframes, and data flow #10 #11

Create update mutation for user

When FE provides an array of numbers generated by a user's style preferences selection and the user's id,
BE logic calculates the most frequent number in the array in order to identify the user's style preference label (ie, sporty, posh, scary, etc.).
A User model mutation updates the user style column with the identified style preference.

Implementation details:

  • make conditional logic work one way or another - doesn't matter exactly where it lives (issue #30 will refactor as needed)
  • create a mutation
  • FE to provide which style is associated with which number that is being passed into the array @tarynmartin @H-Bo214

Submitting a style survey

User can select one item in each category (tops, bottoms, etc)
Once a user has selected on item in each category, they click on the submit button and receive a message with their style type

User can access the style survey

When a user logs in, they are taken to the crate subscription page.
On clicking + subscription on a crate, if no style saved to user, it automatically takes them to the style survey page

User query test enhancements

Switch from using seeded data to instances created within test file for User query test & add server closing code

BE decides how to handle style survey results

When a user submits their info, BE uses API to manipulate the information before passing it onto the database & adding to the user's info

Implementation details:

  • BE creates a User update endpoint with conditional logic to identify which style label/category to save

Annotate code specific to Style Survey track - due Mon 10/12

Style Survey track info here - also see issue #2

Submission instructions

Requirements:

  • Create a branch called code-annotations-yourname
  • Each team member will submit their own branch
  • Make a list of the specific files of code that will need to be updated in order to add the additional features outlined in your track
  • For each file, walk through the code and add a comment above each line/block that describes what that code is doing.
  • Submit a link to your branch here

Check the box next to your name when you've completed this item:

  • Ruthie
  • Nick
  • Horacio
  • Taryn
  • Ash

Set up repo

Instructions here

When you're done with setup, answer the following questions in a comment below:

  • what went well as you set up the application?
  • what strategies did you use when running into errors?
  • what things did you find helpful in the documentation?
  • what notes do you want to make sure are included in the readme?

Check the box next to your name when you've completed this item:

  • Ruthie
  • Nick
  • Horacio
  • Taryn
  • Ash

Improving UX and Community

Feature:
As a user, it’s frustrating to go to my profile page and see little about myself other than my subscriptions. To give the user more control, I’d love to upload my own image, set a personal description, edit my email address and shipping address, and see a history of products that have been delivered to me and what I have kept. I should also see when my next delivery is coming and adjust the date for when I am available.

Extensions:

  • As a trendsetter who values fashion, I would also like to be able to share this as a public URL (don’t have to have an account or be signed in) so that users can see my subscriptions and items that I have chosen to purchase as well. This page should include my profile picture, but keep info including my email address/shipping address, order history, and delivery times private.
  • As a user, I should be able to tweet which clothes I have purchased. (actually integrate it with the Twitter API)

Create a StyleSurvey page

  • Add ability to select a single item in a row (ex. tops)
  • Once clicked, the user knows their item is selected
  • StyleSurvey has a submit style button

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.