Skip to content

Sunil-Pradhan/restaurant-website-by-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Restaurant Website by React

General info

This is a restaurant website built with React. It has four menus such as home, menu, about and contact which is possible to jump from one page to other. The landing page has a bigger background image and heading with order now button.

The menu tab contains some sample menus in card view. About and contact pages has some sample text.

Screenshot of the App

Restaurant Website by React

Technologies Used

  • React
  • Material UI
  • React Router
  • Vite

Concept Demonstration

  • React Functional Components
  • Handling Props
  • useState Hook
  • Material UI
  • React Router

Folder Structure

Restaurant Website by React - Folder Structure

npm Packages

npm create vite@latest
npm install @mui/material @emotion/react @emotion/styled
npm install @mui/icons-materials
npm i react-router-dom