Code Monkey home page Code Monkey logo

restaurantreactapp's Introduction

RestaurantReactApp


Structure

  • Used create-react-app and cra-template for structure
  • Components are functions
  • Containers are Classes
  • Completely Responsive
  • Uses Firebase Realtime DataBase
  • Completely Dynamic website
  • Routing with React Router

Working

The complete data is getting requested from firebase Realtime database, the components use that data to display the results, the components in menu, offers and other sections can then directly be modified by simply modifying the data in database, for example if the price of something changes or the image of some dish changes you don't have to modify the code, simply make the change in databse and it will be reflected on the website. For the routing purpose react-router is used and specifically hashBrowserRouter is used because it has enchanced performance on react Hosting. The hosting is done on firebase at Website

I created this website last year for a local shop owner but later on when I didn't sell it, I thought to make it open source and here it is. Feel free to use the provided components and code in your website just provide the copyright

restaurantreactapp's People

Contributors

aashishpeepra avatar adarshsrivastava01 avatar arianejdb avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

restaurantreactapp's Issues

Realtime Database Rules

Hi im trying to create another database on the Realtime Database but it wont work cause the rules aren't correct as i see.Can you please send me as screenshot of it or something.

Google Maps says "For development purposes only"

On the home page at the bottom: The Google Map is dark, has a grid layout, says "For development purposes only", asks if you own the site, and finally says this "This page can't load Google Maps correctly".
This makes the UX very poor.

French fries image not showing.

When I go to the menu to order something and select Appetizers, the first item's - which is a fry - image doesn't show up. There is an alternate which says "Maccain"

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.