version 1.0.0
For deployed version, click me
UPick is an app designed to help indecisive users choose entertainment and dining options based on the location of the user. The user may also invite their partner and/or friends. Once the user is signed in, they are sent a verification email, a profile is created and the user can create a 'pick' by inviting friends and choosing entertainment and/or dining.
Utilizing two different API calls run through an algorithm, UPick shows the user and whomever they have invited a series of entertainment/dining options, allowing both the user and the invitee to swipe right or left (yes and no respectively), showing the matching 'picks' to each person. If no matches occur, UPick reveals a 'pick' of its own to help the user and invitee decide on the course of their evening.
UPick is built using React, React-Bootstrap, and React Router on the Front End. The wireframe shows the steps UI was broken into as the process was visualized. Mobile-first and responsive design were prioritized in development.
The Back End is built with Node.js, Express routes, and MySQL/ORMs for data. The Zomato API and Rapid API (Unogsng) are used to retrieve restaurant and streaming services data. UPick was tested with Insomnia, linted using ES Lint, built on Visual Studio Code, and deployed to Heroku with a JawsDB database.
AS an indecisive person,
WHEN I enter my location, a friend's email and choose entertainment and/or dining options,
THEN my friend and I are presented 'picks' that we can swipe right (yes) or swipe left (no) with the matching picks presented to each of us on our own devices.
WHEN, in the case of there being no agreement between my friend and I, UPick chooses the 'pick' for us.
AS a person who struggles with choosing entertainment and dining options,
GIVEN an app that helps with this process,
WHEN I sign up, I am sent a verification email,
THEN I am able to create a profile.
WHEN I start a 'pick', I can invite my partner, friend or group of friends,
THEN I can set my location and choose whether I want the app to help 'pick' entertainment or dining options.
THEN, swiping right or swiping left, I am able to vote on the 'picks' from the app,
and the invited person can do the same from their device.
WHEN the invited person and I swipe right on the same entertainment or dining option, we are each shown the match.
WHEN neither of us matches on any of the options, the app 'picks' the options for us.
THEN, the 'picks' are displayed, and I can relax, knowing that the evening's entertainment and/or dining options are already decided.
Git clone to local repository and run 'npm install' within terminal to install dependencies.
- React
- React Router
- React Bootstrap
- SendGrid
- MySQL
- Sequelize
- Node.js
- Express
- React Tinder Card
- Zomato API
- Rapid API
- Axios
- Insomnia
- MySQL Workbench
- Heroku
- jQuery
- JavaScript
- CSS
- HTML 5
- Markdown
- Visual Studio Code
- ES Lint
MIT License
Copyright (c) 2020 github.com/joeybrown-ctrl
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.