The Pin Map App is a dynamic web application that allows users to effortlessly pin markers on an interactive map. Built with the latest web technologies and utilizing the robust Mapbox SDK, this app offers a seamless and intuitive user experience for mapping and location-based tasks.
- Interactive Mapping: Utilize Mapbox for high-quality, responsive maps.
- Pin Markers: Easily pin markers to any location on the map for customized mapping solutions.
- Responsive Design: Built with React and Tailwind CSS, ensuring a responsive and visually appealing interface on all devices.
- User Authentication: Secure user authentication using NextAuth for a personalized experience.
- Date Handling: Integration with Mantine Dates for advanced date selection and handling.
- Form Management: Robust form handling with Mantine Form for efficient data management.
- Modern UI Components: Enhance the user interface with Mantine Core and MUI Material components.
- Optimized Performance: Built with Next.js for server-side rendering and optimized performance.
- Custom Styling: Styled with Emotion for flexible and maintainable styling.
- Utility Libraries: Utilize Lodash for powerful data manipulation and Day.js for modern date manipulation.
- Frontend: React, Next.js, Tailwind CSS
- Mapping: Mapbox GL, Maplibre GL, React Map GL
- State Management and Forms: Mantine Core, Mantine Form, Mantine Hooks
- Authentication: NextAuth
- Styling: Emotion
- Utilities: Lodash, Day.js
- Development Tools: Typescript, ESLint, PostCSS
To get a local copy up and running follow these simple steps.
Clone the project and install dependencies:
git clone https://github.com/Sacred-G/road-work-pin-map.git
cd road-work-pin-map
npm install
npm run devOpen http://localhost:3000 with your browser to see the result.
