A modern navigation web application built with React and TypeScript.
Wayfinder provides a clean and responsive map experience with location search, route planning, saved places, and customizable map controls.
The project focuses on modern frontend architecture, reusable components, API integration, and a polished user experience.
Explore the live version of Wayfinder:
🌐 Live Website: https://wayfinder-official.vercel.app
- Interactive map interface
- Search locations and addresses
- Location suggestions
- Current location detection
- Route calculation
- Distance and estimated travel time
- Save favorite places
- Recent search history
- Dark and light theme
- Responsive design
- Custom map controls
- Loading and error states
- React.js
- TypeScript
- Vite
- Tailwind CSS
- Zustand
- React Router
- Leaflet
- React Leaflet
- OpenStreetMap
- Nominatim API
- OSRM API
- Vitest
- React Testing Library
- Git
- GitHub
- ESLint
- CI/CD
The application uses a component-based architecture with separated responsibilities:
- UI components
- Map components
- API services
- State management
- Utility functions
- Custom hooks
This structure keeps the codebase scalable and maintainable.
- Built with a modern React ecosystem
- Fully responsive interface
- Real map integration without proprietary map providers
- Client-side state management
- External API integration
- Reusable components and clean code practices
git clone https://github.com/USERNAME/REPOSITORY.git
cd Wayfinder
npm install
npm run dev