Mobile Web application for a guided tour at Haifa University campus, written in React.JS (hooks)
.
The map is provided and manipulated via OpenStreetMap
& Leaflet
API's.
📍 Link: https://shir0206.github.io/uninav/
📝 Graphic Design & Mockups: https://www.figma.com/file/i4jEitjHjXidzxWoLr1G10/sketch_4
📝 Wireframes & Drafts: https://www.figma.com/file/x5Lc72YGd8bGvVQNEadRW4/UniNAV
App
|-- SplashScreen
|-- UniversityLogoSVG
|-- UniNavLogoSVG
|-- NavbarRouter
|-- Router
|-- NavbarLinks
|-- NavLink
|-- ScanSVG
|-- NavLink
|-- TracksSVG
|-- NavLink
|-- POIsSVG
|-- Route
|-- Scan
|-- CloseSVG
|-- QRReader
|-- QrReader
|-- Route
|-- Tracks
|-- TracksSVG
|-- CloseSVG
|-- TracksList
|-- TrackCard
|-- InfoSVG
|-- StopSVG
|-- StartSVG
|-- Route
|-- TrackInfo
|-- BackSVG
|-- StartSVG
|-- Route
|-- POIInfo
|-- POIInfoContent
|-- BackSVG
|-- Route
|-- Settings
|-- HeadingSettings
|-- UniNavLogoSVG
|-- DisplayPOITypesList
|-- ToggleButton
|-- HideAllPOITypes
|-- ToggleButton
|-- UniNavLogoSVG
|-- Map
|-- MapContainer
|-- TileLayer
|-- AllPOIs
|-- Marker
|-- Popup
|-- POIPopupContent
|-- CurrTrack
|-- Polyline
|-- CurrUserPosition
|-- Marker
|-- LocationErrorAlert
|-- LocateSVG
|-- CheckCurrUserDistance
|-- CheckCurrUserDistanceFromPOI
|-- HandleMapEvents
|-- ChangeMapView
|-- NearPOINotification
|-- NotificationSVG
|-- LocateUserButton
|-- LocateSVG