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)