shir0206 / uninav

:earth_africa: Mobile Web application for guided tour, written in React.JS (:round_pushpin: Under development)

🌍📍 Uninav [Under development]

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

---

Current structure

  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