Giter Club home page Giter Club logo

spartner's Introduction

spartner's People

Contributors

akuemper avatar anthonycost avatar jubintgh avatar melendezmatt avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

akuemper

spartner's Issues

Discover - User Preferences

  • As a logged in user, depending on my account class and user preferences, I can view specific user's "About Me" details
  • While on the discover page
  • If "looking for" another fighter as a fighter, the users shown on the discover page will have this certain account class
  • If "looking for" a fighter as a coach, the users shown on the discover page will have this certain account class
  • If "looking for" a coach as a fighter, the users shown on the discover page will have this certain account class

Demo User

  • As a new visitor / unauthorized user, I would like to see a button on the sign up and log in pages that allows me to view the site as a guest.
  • When I’m on either the sign up or log in pages.
  • I can click on a demo button to log me in as if I made an account.
  • I will have all the functionality of a user that signed up.

Log Out

  • As a logged in user, I want to log out via a logout button on the navigation bar.
  • While on any page on the site
  • I can logout and be redirected to the splash page.

Likes

  • As a logged in user, I want to be able to view all of the users whose profiles I have liked
  • After clicking the Likes button on the Navigation Bar
  • I will be redirected to page containing all of my liked users
  • I can view the cards of all liked users and percent compatibility
  • I can click on the profile of any of my liked users and be directed to their Spartner profile

Connections Component (Where matches/likes/liked are displayed)

The user will automatically be redirected to their matches when clicking on the connections navbar link, but they can switch between who likes them and their matches. Both components for the likes page and matches page would be nested within this component.

Log In

  • As a returning user, I want to be able to log in to the website via a log-in form.
  • When I am on the /login page:
  • I want to be able to enter my email and password on the form.
  • I would like to be able to be logged in successfully to access the website.
  • When I enter invalid credentials on the log-in form:
  • I would like to be notified of the website’s validation that I failed and repopulate my information on the form.
  • I would like to try again without needing to refill out the form.

Who You Like Component

Page rendered in the connections component where one of the options is to see all of the likes where the grid that is displayed is the user's profile image, name, and age.

Matches Component

Page rendered in the connections component where one of the options is to see all of the matches a user has where the grid that is displayed is the user's profile image, name, and age.

Preferences - Setting Account Class

  • As a logged in user, I want to be able to set my account class as a coach, fighter, or both.
  • While on my profile page or after clicking the preferences tab in the navigation bar
  • I will have the ability to designate my account as a coach and/or fighter

Signup Error

Get an issue where female and Southpaw are not valid values

Navigation

Nav bar that uses the Spartner logo and when links are clicked on redirects the user to said page / renders the said page
Spartner Logo

Preferences - Questionnaire

  • As a logged in user, I want to be able to diversify my preferences through a questionnaire.
  • When setting up my account
  • I will be prompted with multiple questions to best ascertain my personality, compatibility, and purpose for utilizing Spartner.

Preferences - Edit Questionnaire

  • As a logged in user, I want to be able to edit questionnaire answers at any point on my profile.
  • While on my profile page or after clicking the preferences tab in the navigation bar
  • I will have access to my previous answers as well as the ability to change my preferences how I see fit

Splash / Landing page

A nice splash / landing page that has the logo and the subheading of "Have the match of a lifetime" with:

  • A login button that redirects to /login
  • A sign up button that redirects to /signup
  • A div with a short bio of what Partner is and the community it caters to
  • A nice background image of a boxing / mma ring that is black and white as the background
    splash image (1)
  • The navbar does not render on the splash page, this will make for a slick design
    Spartner Logo no padding

Preferences Bar

Filters users displayed in the discover component based on the filter selected in the navbar

Discover

  • As a logged in user, I will be prompted with a constant stream of other user's profiles where I can view their "About Me" details
  • While on the discover page
  • I will be shown the details of one user at a time, from highest compatibility to lowest compatibility, with the pre-set account class I am looking for
  • I will be given the opportunity to like or pass on a user with the potential for a future match through two buttons

Sign Up

  • As a new visitor/ unauthorized user, I want to be able to sign-up for the new website.
  • When I am on the /login page:
  • I want to enter my email, username, password, and submit my information.
  • I would like to be able to be logged in successfully and a new profile created.
  • When I do not enter information in any of the areas:
  • I would like the website to inform me of any validations that I missed.
  • I would like to try again without needing to refill out the form.

AWS integration

instead of using image urls for the users, we use images stored on AWS

Footer Component

Pretty similar to the nav component except it renders on the bottom of the page and links to our githubs and our linkedIn's

Match Percentages

  • As a logged in user, I want to be able to view all of the users whose profiles I have matched with
  • After clicking the Matches button on the Navigation Bar
  • I will be redirected to page containing all of my matched users
  • I can view the cards of all matched users and percent compatibility
  • I can click on the profile of any of my matches and be directed to their Spartner profile

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.