Skip to content

Kress50/snapsnacks-frontend

Repository files navigation

SnapSnack Food Ordering App

A fullstack mockup project trying to replicate the common functionality of a fully featured food ordering application, specifically:

  • Account and restaurant creation
  • Restaurant management and dashboard
  • Payment process
  • Geolocation and georouting
  • Order status tracking through WS

For backend part of the project, visit https://github.com/Kress50/snapsnacks-backend

Frontend deployment on Vercel. Backend deployment on Render. Postgres on Supabase.

Tech Stack

  • React
  • TypeScript / TS
  • Apollo for GraphQL query / mutations / subscriptions and context state management
  • TailwindCSS
  • Leaflet for map rendering
  • Leaflet Routing Machine for map routing
  • Leaflet Control Geocoder for geocoding and reverse geocoding coordinates
  • Lodash
  • Victory for restaurant dashboard graphs
  • React Testing Library and Cypress for testing

Demo

https://snapsnacks.vercel.app

Screenshots

App Screenshot App Screenshot App Screenshot App Screenshot

Appendix

This application collects user account data (email and hashed passwords) for acessing the functionality of the application.

Attributions

  • Iconpack - FontAwesome
  • Category Icons - Cooking Food Vectors Collection by SVGRepo under CC0 License
  • Leaflet Tile Map - OpenStreetMap
  • Geo Routing Router - OSRM Project Demo server
  • Restaurant and Dish images - Pexels.com