This project was bootstrapped with Create React App.

Check out the current DEMO: https://nemethnorbert.github.io/restaurant-website/

Restaurant webdesign with reuse and scallability in mind

Setup

-Check out the "testData.json" inside /server/ to see what data structure you will need. The Main categories like "meals", "drinks", "desserts" are array of objects and you can only use 1 word to describe them. The subcategories like "salads", "grilled", "burgers" is part of an object as {mainCategory[0].category}, contained by one of the main category, and can only be described in one word. Every different subcategory inside a main category will create a button for making search easier. Try not to use too much category as it will break the design.

-Open a console and navigate to /server and run "yarn start" or "npm start" to make the testData available on port 3001.

-Open another console and navigate to /Restaurant-web and run "yarn start" or "npm start" for development and "yarn build" or "npm build" for production.

The "server" is just a quick and easy way to simulate the fetch and it should not considered for production use, just for testing

Features

-ReactStrap to avoid jquery

-Bootstrap for ReactStrap and for the sake of easy css

-Progammatically generated Routes with react-router

-Programatically generated pages for the Main categories - menu pages

-Programatically generated search buttons for the listed products

-Programatically generated Cards for the products

-The homepage and the aboutpage is static, however the headers are easy to change and get the data, from a JSON.

ToDos

-Refactor components for readability -Fetch the data for headers as well -Build an admin site to update/change the data -All sorts of optimalizations