Meet Me In The Middle

Overview

"Meet Me In The Middle" is a web app that helps friends find a central place to meet. It takes two locations, finds venues near the middle, calculates travel times, and creates itineraries.

A demo can be found here.

Description

This app is for anyone who wants to meet friends halfway. You input two addresses, and the app suggests places to meet that are convenient for both parties and based on suitable locations and equitable travel times. It’s useful for planning meetups and making sure everyone has an easy trip.

Technologies Used

• React: For building the user interface
• Firebase: Backend services and database integration
• TailwindCSS and DaisyUI: For styling and responsive design
• Vite: As the build tool for faster development
• TypeScript: To ensure type safety in the codebase
• ESLint and Prettier: For code consistency and formatting
• @react-google-maps/api: To integrate Google Maps for location services
• Google Places API: Used for identifying potential venues based on user locations. It offers a comprehensive database of venues, enabling the app to suggest a selection of suitable meeting spots.
• Google Distance Matrix API: Employed to calculate travel distances and times between user locations and proposed venues. This API helps in ensuring the suggested meeting points are convenient for all parties involved.
• Google Geocoding API: To convert addresses into geolocation coordinates. This allow users to input addresses such as King's Cross Station into the input box. It will be converted into latitude and longitude in the background for the app to use, for other API calls such as Google Distance and Places API calls.
• react-icons: For icon displaying in the UI front-end.

Getting Started

Dependencies

• Node.js and NPM

Installing

1. Clone the repository:

   git clone https://github.com/berri-puff/MMITM.git
   

2. Install dependencies:

   npm install
   

Running the App

• To preview on a local port:

  npm run dev
  

Navigating the App

From the home page, the user will be prompted to log-in in order to start new meet-ups, invite users and access invitions thet user has sent or received. On the 'Invitations' page, users can accept their invites or delete invites if they are the host.

To test the demo version either sign up with your email or log in as one of:

• Email: princesspeach@mushroomkingdom.com Password: ilovemari0
• Email: leon.rookie@zombiehunter.com Password: zombieslayer4lyf
• Email: potatoloversam@theshire.com Password: p0t4t03s

Authors

• Jenny
• Michael
• Chris
• Aisling

Version History

• 0.1 - Initial release.