Foodies Hub--React-Restaurant-Website

About the Project:

1. This is the frontend of a restaurant website designed completely using react (create-react-app).

2. The page will reload if you make edits.
   Any errors will be shown in the console.

3. It contains 4 pages.

4. Index page is the Homepage of the restaurant.

5. Common components for all the pages: a. Header component with logo and navigation links. b. Footer containing Links and Address

6. Homepage contains: a. Logo of the restaurant. b. Introduction c. Cards of dishes and chef d. Header and footer components.

7. About Us page has following sections: a. About history of the restaurant. b. Use of cards for displaying chef's and manager's details.

8. Menu page contains: a. Dishes with name and pictures. b. Menu's details are shown on clicking on them along with comments with date and time fetched from local dish details component.

9. Contact Us page contains contact information and a feedback form.

10. Modals, Cards, Media classes, Breadcrums, Tables and Font awesome icons have been used to make the page more attractive.

Technology Used:

1. React
2. HTML
3. CSS
4. Bootstrap

Project Setup:

1. Clone the repository using command git clone
2. Run the command npm install to install all the dependencies.
3. Run the command `` npm start``` to launch the website.
4. It can also be manually opened by going to address: http://localhost:3000

Available Scripts

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

App becomes ready to be deployed!

Screenshots:

THANK YOU