Creative
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
new-file-3949.tsx
https://EFIOM--504bd344280511f096ec569c3dd06744.web.val.run
An interactive campus navigation app for Bayero University Kano (BUK) that helps students, staff, and visitors find their way around the campus.
- πΊοΈ Interactive campus map with faculty locations
- π Real-time location markers for all faculties
- π§ Turn-by-turn directions between locations
- π± Mobile-responsive design
- π Search functionality for quick faculty lookup
- βΉοΈ Detailed information about each faculty
- Faculty of Engineering
- Faculty of Medicine
- Faculty of Science
- Faculty of Arts and Social Sciences
- Faculty of Education
- Faculty of Law
- Faculty of Agriculture
- Faculty of Management Sciences
- Faculty of Computing and Mathematical Sciences
- Faculty of Earth and Environmental Sciences
βββ backend/
β βββ index.ts # Main API server
β βββ data/
β βββ faculties.ts # Faculty data and coordinates
βββ frontend/
β βββ index.html # Main HTML template
β βββ index.tsx # React app entry point
β βββ components/
β β βββ App.tsx # Main app component
β β βββ Map.tsx # Interactive map component
β β βββ FacultyList.tsx # Faculty listing component
β βββ style.css # Custom styles
βββ shared/
β βββ types.ts # Shared TypeScript types
βββ README.md
The app provides an intuitive interface where users can:
- View the campus map with all faculty locations marked
- Click on any faculty marker to see details
- Search for specific faculties
- Get directions between any two points on campus
- View contact information and descriptions for each faculty
- Frontend: React 18.2.0 with TypeScript
- Backend: Hono framework
- Mapping: Leaflet.js for interactive maps
- Styling: TailwindCSS
- Icons: Lucide React icons