Overview

RoadTrip.FM is a web application that helps users find locations and navigate while on a road trip. It provides two ways to search for locations - manual search and GPS search. The application is built using Remix, Tailwind CSS, Heroicons, Tailwind UI Kit, and other tools and libraries. It requires installation and configuration using Remix docs and Netlify. The project is open source and distributed under the MIT License.

Features

• Manual Search: Allows users to manually select the city and state they are driving through to find locations.
• GPS Search: Utilizes the browser’s Geolocation API to retrieve the user’s latitude and longitude and displays their location on a map.
• Remix: Full-stack web framework used to build the application.
• Tailwind CSS: Utility-first CSS framework for styling the user interface.
• Heroicons: SVG icons used for various UI elements.
• Tailwind UI Kit: UI components crafted with Tailwind CSS.
• Headless UI: Unstyled, fully accessible UI components.
• Prisma: ORM used for database-related work.
• Countries States Cities Database: Full database of cities, states, and countries available in SQL format.
• MySQL Database: Main data driver used by the application.
• React Leaflet: React wrapper around the Leaflet.js library for displaying a visual map on the GPS search page.

Installation

To install and configure RoadTrip.FM, follow these steps:

1. Visit the Remix Docs for detailed instructions on installation.
2. Set up Netlify by signing up and logging in.
3. Install the Netlify CLI and make sure it is updated to the latest version.
4. Create a new site on Netlify.
5. Run the application in development mode using the Netlify CLI. Access it at http://localhost:3000.
6. Deploy your app to Netlify either by linking your app to your git repository for automatic deployment or by manually deploying it.

Summary

RoadTrip.FM is a web application designed to assist road trip travelers in finding and navigating locations. It offers both manual search and GPS search options, allowing users to search for locations by city and state or by using their device’s geolocation. The application is built using Remix, Tailwind CSS, Heroicons, and other libraries. Installation and configuration require following the Remix Docs and deploying the app on Netlify. The project is open source under the MIT License.