SayantaniDeb / MapHacks

RouteCast

Your Pocket Friendly Travel kit.

You can find the app:

Video Demo

💡Motivation

All in a one app.

📲What it does?

• suggest route based on>less traffic, places to visit,amenties included.
• Search for the destination name and give the weather of the place instantly.
• Give real time weather updates with the location

🎛️ Resources used

• Tailwind CSS - A utility-first CSS framework for building fast and responsive web designs.

• Material-Tailwind CSS - A design system that combines the principles of Material Design with the benefits of Tailwind CSS.

• Visual Studio Code - A cross-platform source-code editor developed by Microsoft for software development and other technical tasks.

• React JS - a JavaScript library for building user interfaces, developed and maintained by Facebook.

• Lottie Files - Lottie Files is a library for adding animations to apps and websites, allowing designers to work with motion graphics without the need for coding skills.

• Unicons - a library of scalable vector icons, designed to be easily customizable and optimized for use in various design projects.

• Firebase

• OpenWeatherMap

• Mapbox

🛠️How I built it?

Using React JS ,Tailwind CSS, Firebase, OpenWeatherMap API,Mapbox API.

How to get started

git clone https://github.com/SayantaniDeb/MapHacks

Running the App locally

npm start

Replace the accesstoken with your generated accesstoken

/src/components/JourneyPath.js

mapboxgl.accessToken = Your.ACCESS_TOKEN;

🧠Challenges faced

• Working solo, trying to complete the project was a huge task.
• Api configuration was hefty.

🥇Accomplishments I am proud of

• Got to learn a lot and a overall nice experience!
• Completed despite exams knocking at the door!

🚀Future Scope

• To include all the under construction features.
• Include a user login page and user profile.
• Rest given in demo videp.