Skip to content

A responsive MERN dating web application that allows users to create Pokemon-themed profiles, take a quiz to determine their Pokemon, and match with other users to battle (or chat).

License

Notifications You must be signed in to change notification settings

a-riveragonzalez/i-choose-you

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

I Choose You

License: MIT

Link to Site

I Choose You! - Tinder for Pokemon

Description


Have you ever wanted a companion in life? Are you tired of being alone? Do you need someone who doesn't mind you talking endlessly about your love of Pokemon? Then I Choose You is the app for you! Here you can be and find the very best, like no one ever was.

I Choose You is a responsive MERN web application that allows users to create profiles, take a quiz to determine their pokemon, and match with other users to battle(or chat).

Technologies used :

  • React for the front end
  • GraphQL with a Node.js and Express.js server
  • MongoDB and the Mongoose ODM for the database
  • JWT authentication
  • CSS and Bootstrap for styling

Table of Contents


User Story


AS A young person ready to mingle looking to be and find the very best
I WANT to connect to people who share a love of pokemon
SO THAT we can connect, battle, and become friends

Acceptance Criteria


GIVEN a pokemon dating/chat web application
WHEN I open the website
THEN I am prompted to log in or sign up
WHEN I first sign up
THEN I am prompted to take a quiz of a series of personality questions
WHEN I complete the quiz
THEN I am presented with the pokemon that matches the result of the personality quiz and a button to go HOME
WHEN I click on the home button
THEN I am taken to the home/dashboard that has my pokemon, and a button to find matches.
WHEN I click the button to find matches
THEN I am presented with a screen that says “here are your three potential matches. Battle to see if this trainer joins you on an adventure” . There are three matches from the database and a button on each match that says “Battle”
WHEN I click on Battle
THEN the battle screen appears and you are able to message the other user.

How To Use


I Choose You is a free web application. To use the app, you first go to the link provided here. Users (Trainers) must sign up or log in to an existing account. A new user will then take a personality quiz to determine what Pokemon type they are, showing what kind of traits they show depending on the answers they chose during the quiz. They can match with other Trainers and “battle” them – which means they can talk and get to know each other! Depending on how the battle goes, they can deepen their relationship.

Preview


The Home Page (after login/sign up):

home page

The Sign Up Page:

sign up page with username, email, and password

The Quiz Page:

Quiz Gif with questions asked and answer

The Matches Page:

Matches Page with three matches

The Battle Page:

Battle Page with user battling/chatting with another user

The Battle List Page:

Battle List page with list of user's ongoing battles

The 404 Page:

404 page with a picture of surprised pikachu

Contributors


headshot of Andre Martinez
Andre Martinez
headshot of Arely Rivera-Gonzalez
Arely Rivera-Gonzalez
headshot of Cindy Ung
Cindy Ung
headshot of Jeremiah Torbit
Jeremiah Torbit

Credits


Special thanks to the Pokemon API : https://pokeapi.co/

GitHUB Repository


https://github.com/a-riveragonzalez/i-choose-you

Deployed URL


https://ichooseyou.herokuapp.com/

License


This project is covered under the MIT License.

Questions


For any troubleshooting and/or questions regarding I Choose You, email us at arelyrivera1996@gmail.com

About

A responsive MERN dating web application that allows users to create Pokemon-themed profiles, take a quiz to determine their Pokemon, and match with other users to battle (or chat).

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •