Git Product home page Git Product logo

coffeeroasting's Introduction

CoffeeRoasting

coffeeroasting's People

Contributors

jh9374 avatar

Stargazers

Peter Mai avatar Jonathan Wehner avatar

Watchers

 avatar

coffeeroasting's Issues

Login Modals

As a user, I want to be able to login via form so I can access my profile, purchase, and write reviews

Questions

  • How can user login?
    • User can login via form that will request username and password
  • What happens if user enter's wrong username or password?
    • User will get an error on the form indicating that the credentials did not match
  • What if user does not have an account when on this form?
    • There will be a link below the form, asking user to open signup form if they do not have an account
  • Will we use session-based or token-based authentication?
    • We will have both session based authentication
  • What happens after user logs in?
    • User will be redirected from landing page to products page and see all products, ratings and reviews

Acceptance Criteria

  • When user want's to login, user will click on login button to show login form
  • When user enters the wrong credentials, user will see errors display on form
  • When user clicks on signup link in login form, the login form will close and the signup link will open
  • When user is logged in and refreshes page, user will remain logged in
  • When user logs out, navigation to their profile will redirect to landing page at "/" route
  • After login, user should be on products page and be able to create a review

Work on Landing Page

Navbar

  • Site Name
  • User Name (if authenticated)
  • Login, Sign Up, Profile
  • Search: coffee name
  • show 3 tiles for trending coffee products

Sign-up modal

As a user, I want to be able to sign up via a form to gain privileges to use site

Questions

  • What happens if username or email already exists?
    • User will get error message on form indicating that this user already exists and asking them to go to login form to login
  • What happens if passwords don't match up, or password strength is low?
    • User will get error message on form indicating that passwords are not the same
    • User will get an error message on form indicating that the password strength is low with a reminder of which characters to use
  • What will happen after a user signs up?
    • User will be redirected to the profile page and encouraged to complete profile
  • What if user does not complete profile
    • User will be able to maneauver through site as an authenticated user

Acceptance Criteria

  • During signup, if user already has an account with that username or email, they will be prompted to login
  • During signup, if user enters the confirmed password incorrectly, they will get an error message
  • During signup, if user's password strength is low, there will be an error displayed
  • After sign up, user should see their blank profile page and will be asked via an alert of some kind to kindly complete profile
  • If profile is not complete, user should be able to do all functions of a logged in user, but not be marked as a roaster

Individual Product Page

Show Product Image
show all product details

  • Name
  • Price
  • Description
  • Sweetness
  • Acidity
  • Mouthfeel
  • flavour
    Have a link to direct to Roaster's page

Roaster's Profile Page

Ability to add multiple images
Show Roastery Location
Have a Products Section

  • Ability have toggle for form to add more products
    Have a Locations Section
  • Will have toggle for form to add locations
    Have a Map section to display locations

Work on Products Page

This will be a list of available coffee products that when one is clicked will redirect user to that individual product page

Users Profile Page

Will be able to add/see image
Have a Reviews section
Have an orders section
Edit User Information

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.