Social Food Pairing/Daring App
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.sass-cache
assets/fonts
data
db
js
mailer
model
public
redux
sass
test
.gitignore
README.md
index.html
npm-debug.log.3389591365
package.json
webpack.config.js

README.md

EatUp

Social Food Pairing/Dating App

EatUp is an app that helps people find the best restaurants and dining companions in their area. After the user selects a food type, EatUp will match them with another user with the same restaurant result.

Screenshots

alt text

![alt text](https://i.imgur.com/I0ozalj.jpg “Confirmation page“)

![alt text](https://i.imgur.com/CqzHYEL.jpg “Confirmed page“)

Tech Stack

Our front-end uses React and Redux

Our back-end uses Node.js, Express, and MongoDB

Challenges

Sending information from the front end to the back end.

We came across issues sending information from the front end of the app to the backend.

We used React to render the front end and Redux to capture the information from the front end so it can be sent over to the back end.

The back end, using MongoDB and Mongoose, stores the user and their preferences to the database.

The problem we were having was that Redux and the backend was not talking to one another. We were receiving 405 http error messages when we attempted to save the user after selecting a type of food to eat.

We were using the node module isomorphic-fetch to handle the collecting information from the user on POST.

It turned out that the ports that we were listening to for our server and the ports that we were listening to for Redux were the same. Therefore we set our server to listen to port 3000 and the webpack-dev-server to be on port 8080. This allowed us to talk to our database and save our user.

Components

The React components can be found in the js folder

The Redux files can be found in the redux folder

The MongoDB/Node.js/Express files can be found the model, db, and data folders