https://github.com/pktcodes/menu-react-project-v2
Menu Project using React
https://github.com/pktcodes/menu-react-project-v2
css ecmascript html javascript john-smilga menu react react-hooks set usestate vite
Last synced: 4 months ago
JSON representation
Menu Project using React
- Host: GitHub
- URL: https://github.com/pktcodes/menu-react-project-v2
- Owner: pktcodes
- Created: 2023-07-16T04:51:14.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-21T02:35:28.000Z (almost 2 years ago)
- Last Synced: 2025-01-02T11:44:29.705Z (5 months ago)
- Topics: css, ecmascript, html, javascript, john-smilga, menu, react, react-hooks, set, usestate, vite
- Language: CSS
- Homepage: https://react-menu-v2-prod.netlify.app/
- Size: 663 KB
- 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-v2-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 run dev` to start up the development server on default port 5173.
#### Languages
HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState
#### Deployment / Hosting
Netlify
---
_Note: I have developed this project ~ [6] as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga._