World Travelers Frontend

Hosted Here: "Post Link In The Future"

Tech Stack

• Typescript: 5.2.2
• @reduxjs/toolkit: 2.2.1 ( maning state across the app with redux )
• @mui/material: 5.15.5 ( creating the frontend components/styling )
• @react-google-maps/api: 2.2.0 ( for working with the google maps api )
• Lodash: 4.17.21 ( for object comparing and api debouncing/rate limiting )
• Third Party Api's
  • Weather API
  • Travel Advisor API
  • Google Maps API
    • Google Maps JS API
    • React Google Maps

Getting Started With The Package

Getting Project Dependencies

• Run the npm command: npm install

Environment Variables Needed

• create a .env file in the root directory of the project
• create these env variables
  • VITE_GOOGLE_MAPS_API_KEY=YOUR GOOGLE MAPS API KEY
  • VITE_GOOGLE_MAP_ID=YOUR GOOGLE MAPS MAP ID
  • VITE_RAPID_API_KEY=YOUR RAPID API KEY

Frontend App Used To Power The World Travelers React Applcation That Allows Users To Travel With Less Hassle