An interactive map application developed using React, TypeScript, and Leaflet. The project allows users to search for specific locations and dynamically updates the map with a marker. The project is hosted on GitHub Pages and automated using GitHub Actions.
This project is an interactive map application built with modern web development tools. It features a responsive design, dynamic zoom and location updates, and custom marker icons. The application integrates with Nominatim for geocoding address searches.
- React: A JavaScript library for building user interfaces.
- TypeScript: A superset of JavaScript that adds static types.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Leaflet: An open-source JavaScript library for mobile-friendly interactive maps.
- React-Leaflet: Integration of Leaflet maps into React applications.
- GitHub Pages: Free hosting for personal and project websites.
- GitHub Actions: Automate workflows, including build and deployment.
- Interactive Map: Dynamic zoom and location updates.
- Geocoding: Integration with Nominatim for address search.
- Custom Markers: Enhanced visual clarity with custom marker icons.
- Responsive Design: Optimized for various devices.
- Modern Tech Stack: Built with React, TypeScript, and Leaflet.
Check out the live demo of the application here.
To run this project locally:
- Clone the repository:
git clone https://github.com/pshanmukha/search-location.git - Navigate to the project directory:
cd search-location - Install dependencies:
npm install - Start the development server:
npm run dev
Shanmukha