Coder Social home page Coder Social logo

foodgrader's Introduction

This project was bootstrapped with Create React App.

APIs Used

Dependencies

firebase,

google-maps-react,

history,

react,

react-dom,

react-firebase,

react-redux,

react-router-dom,

react-router-redux,

react-scripts,

redux,

redux-thunk

Waffle/Issues

-Waffle

WireFrames

-Moqups Link

UI

foodgrader

OverView

The foodgrAder app is meant to be a version of yelp.

Iteration 0: On page load, the app finds your location and displays a list of restaurants near the user.

Iteration 1: The user can search by location, and the app will display restaurants in the area the user has input.

Iteration 2: Ther user can search by food type, name and the app will display a list of restaurants based on the user input.

Iteration 3: The user can go back to the initial list of near by places with the push of a reset button.

Iteration 4: Ther user can create a user/login with firebase.

Iteration 5: Once signed in the user can favorite restaurants that will be on their profile page.

Iteration 6: Once signed in the user can search for other users in their area.

Iteration 7: Once singed in the user can message other users, inviting them to go eat!

foodgrader's People

Contributors

danalvarez5280 avatar

Watchers

James Cloos avatar

foodgrader's Issues

Follow-Up

@danalvarez5280 here are your to-dos following today's eval:

To Do:

  • visual queue of which restaurant I clicked to show on the map
  • make cards same size regardless if you have more text or not
  • remove hover feature on cards
  • Change to one submit button, build logic behind the scenes to handle the two inputs
  • Don't show all details right away. Show just letter score perhaps, then the option to click and learn more on a "Report Card" view
  • "You are currently in" message should only be shown on first visit to site IF default location available
  • Test actions and reducers

Bonus:

  • User profile
  • ability to save favorites to user profile

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.