lyjacky11/foods-react

Displays a list of various food places in Toronto and surrounding areas! Includes Google Maps of each place.

Toronto Foods

List of various food places in Toronto and surrounding areas. Code written in React JS.

Live Demo

Scripts

Development

• npm run dev
  • "dev": "parcel src/index.html"
• npm run dev:nocache
  • "dev:nocache": "parcel src/index.html --no-cache"

Production

• npm run build
  • "build": "parcel build src/index.html"

React Concepts

• JSX
• Functional & Class Components
• Props
• States and Lifecycles
• Handling Events
• State Hook
• Effect Hook
• Custom Hooks
• Context
• Error Boundaries
• React Router

Other Concepts

• Data Fetching from JSON
• Google Maps Embed API
• Environment Variables

Tools/Packages

• Node.js (JS Runtime)
• npm (Package Manager)
• Git (Version Control)
• ESLint (JS Linter)
• Prettier (Code Formatter)
• Parcel (Web App Bundler)
• Babel (JS Compiler)