https://github.com/pktcodes/menu-react-project

Menu Project using React
https://github.com/pktcodes/menu-react-project

css3 ecmascript html5 javascript menu react react-hooks usestate

Last synced: about 1 month ago
JSON representation

Menu Project using React

• Host: GitHub
• URL: https://github.com/pktcodes/menu-react-project
• Owner: pktcodes
• Created: 2022-07-26T02:20:00.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-28T02:32:39.000Z (over 2 years ago)
• Last Synced: 2024-11-08T23:58:12.879Z (3 months ago)
• Topics: css3, ecmascript, html5, javascript, menu, react, react-hooks, usestate
• Language: JavaScript
• Homepage: https://react-menu-prod.netlify.app/
• Size: 1.02 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Menu 🍔

> PROD [Live] : https://react-menu-prod.netlify.app/

#### Menu consists of a straightforward user interface where there is a

- List of menu items available along with the page title **Our Menu**.

- Each single menu item card has an **image**, **name**, **price**, **info**.

- Buttons have been implemented and will get added dynamically that will filter the items in the list depending on the type of categories present in the data. ie. **`ALL`** for the list of all menu items and other category **`Breakfast`** , **`Lunch`** , **`Shakes`** buttons.

- Data is handled by the `data.js` , `images` and styles are handled by `index.css`

- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm start` to start up the development server on default port 3000.

#### Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [5] as part of React and Projects Course taught by John Smilga._