theTABLE is an app that tracks your restaurants, recommended meals, and the number of visits. It displays a feed with detailed restaurant information and a personalized, dynamic worldwide map. This app is integrated with Auth0 login.
You know that feeling when you're trying to pick a place to eat, but you're too hungry to make a decision? We know the feeling all too well and so we set out on a mission to simply the process for you. theTABLE alleviates the stress of planning your next meal by tracking your favorite restaurants and recommended items.
Our app displays a personalized feed with all your favorite spots, along with eye-catching visuals and a dynamic worldwide map. It is an info feed for foodies and hungry people who need some inspiration on where to go tonight. No more hangry arguments over where to eat or settling for the same place the third time this week. Come on over to theTABLE. We've got you covered.
| Title | Languages/Frameworks/Libraries/Tools |
|---|---|
| Frontend | React, Netlify, React-Bootstrap, CSS3 |
| Backend | Node.js, Express, Mongoose, Heroku, MongoDB Atlas |
| Integrations | Auth0, Yelp Business Search API, MapBox GL JS, MongoDB Compass |
-
npm install- axios
- cors
- dotenv
- express
- jsonwebtoken
- jwks-rsa
- mongoose
-
npm start
sample .env
REACT_APP_SERVER_URL=placeURLHere
REACT_APP_HEROKU_URL=placeURLHere
REACT_APP_MAPBOX_TOKEN=placeTokenHere
As a restaurant goer, I need to easily access the application so I can successfully decide on a restaurant that fits my taste.
Feature Tasks:
-
User clicks a login button to enter credentials through Auth0
-
Once user logs in successfully a logout button will appear.
Acceptance:
-
When user clicks login button, Auth0 form will render.
-
Once user successfully logs in, profile information will appear.
-
Logout button will conditionally render once user is logged in.
As a user, I want to input previous restaurant experiences so I can track what restaurants I’ve been to and what dish was my favorite.
Feature Tasks:
-
User clicks a check in button to track the restaurants they've visited.
-
User can add a name of favorite dish at the restaurant.
Acceptance:
-
When user clicks the check-in button, the tally for visits to that current restaurant increases.
-
User is able to add name of their favorite dish which saves to their favorites page.
As a user, I want to view the restaurants I’ve already visited so I can easily make a selection if I don’t want to eat somewhere new.
Feature Tasks:
-
Map will display pins of user’s previously visited restaurants.
-
Pin will be a unique color.
-
Map is dynamic, allowing user to scroll and see all their pins around the world.
Acceptance:
-
When user clicks the map it will show the pins of all the restaurants they have previously visited.
-
The pins will display in a unique color for user’s selections.
-
The map will be scrollable, zooming in and out.
- Miro
- Unsplash
- Trello
- Stack Overflow
- Mongoose Docs
- MDN Docs
- W3 Schools
- Node JS Docs
- Yelp API
- Mapbox GL
- ReactJS
- React Bootstrap
- JB Tellez
- Hexx King
- Chance Harmon
- Kristian Esvelt
- Audrey Patterson
- JP Jones
- Joe Pennock
- And all the other TAs who helped us along the way
As a user, I want to view the restaurants my friends have already visited so I can easily make a selection if I want to eat somewhere new recommended from a trusted source.
Feature Tasks:
-
Map will display pins of friend's previously visited restaurants.
-
Pin will be a unique color.
Acceptance:
-
When user clicks the map it will show the pins of all the restaurants friends have previously visited.
-
The pins will display in a unique color for friend's selections.
As a user, I want to view all the restaurants nearby so I can easily make a selection if I want to explore somewhere new.
Feature Tasks:
-
Map will display pins of all nearby restaurants.
-
Pin will be a unique color.
Acceptance:
-
When user clicks the map it will show the pins of all the nearby restaurants in the area.
-
The pins will display in a unique color.
As a user, I want to toggle between my restaurant pins, my friend's pins, and all other nearby restaurant pins on the map so I can easily make a selection based off of each filtered view.
Feature Tasks:
- User can selected a toggle option on map to view their restaurant pins, their friend's pins, or all other restaurants in the area.
Acceptance:
- When user clicks the toggle button on the map, it will filter the pins on the map to their selection.