A react application that lets friends decide where to eat, when no one can decide where to eat! One user creates a session and enters in the cuisine type, location, radius and price range option and can share the code with their friends. On their own device, each friend can swipe left or right to vote for each restaurant. Finally, you'll be directed to the results page showcasing the most voted restaurant.
On Local network:
- Ensure Node.js is installed
- Install the dependences:
npm installnpm install socket.io socket.io-client express - Start the server:
node server.js - Run the client:
npm start
- Ensure devices are on a local network, or that the application server(where you deployed) is accessable by those devices.
- Start the Tastebuds application
- Visit http://your.ip.address:8080 on a PC, Tablet, SmartTV or other large screen device
- Click CREATE
- On a mobile device, visit http://your.ip.address:8080
- Click JOIN on the mobile device screen.
- Follow the on-screen instructions to join a game.
- Find a tastebud/s and have him/her/other repeat steps 5-7 on another mobile device.
- On the creator screen (the Session Host), parameters for restaurants will appear, zip, radius, location, prices and cuisine type. Submit and session will begin.
- Session host sends the unique to their tastbuds.
- Tastbuds click 'join' and enter in the unique code.
- On each users' screen, 5 cards will appear populated with restaurants. Card displays address, price and rating.
- After each card is swiped, the card with the most likes will be chosen as winner.
Try the demo on the gh-pages site here!
Feel free to check out the code in react-tinder-card-demo/src/examples for a usage example of how this application uses the module.
The simple example is the minimum code needed to get you started.
The advanced example implements a state with references to swipe and restore cards using buttons.
Both code examples can be tested on the demo page.