Skip to content

Latest commit

 

History

History
69 lines (39 loc) · 2.62 KB

README.md

File metadata and controls

69 lines (39 loc) · 2.62 KB

Smart Path Finder

The website offers a unique travel planning experience, allowing users to explore three daily routes in a chosen country. The home page features a menu with links to three pages, each representing a different travel route displayed on a map, utilizing the Leaflet library. Users can customize their routes by selecting the country and type of trip (on foot, by car, or by bike). Each route page includes an AI-generated image from DALL-E 2. Route selections and generated images are saved in the database for future reference.

Tech Stack

Frontend: Html, Css

Backend: JavaScript, Node.js

Framework: Express.js, Bootstrap

Templating: EJS

Database: MongoDB

Features

  • Choosing the name of the country and the type of route.
  • Creating a map for each route.
  • Change the startpoint/endpoint of the the route by select the pin and drag it.
  • Increasing or decreasing the focus on the map.
  • Animation of background colors.
  • Creation of images by AI for each route.
  • Database storage for generated routes and images.

Demo

Screenshot 2024-05-29 at 18 14 21

  • Enter country name and route type in this format Dubai,walking

Screenshot 2024-05-29 at 18 15 15

  • Data saved structure

Screenshot 2024-05-29 at 18 16 46

  • List of data saved at MongoDB

Screenshot 2024-05-29 at 18 17 11

  • Choose one of the routes

Screenshot 2024-05-29 at 18 17 29

  • Route 1

Screenshot 2024-05-29 at 18 17 38

  • Route 2

Screenshot 2024-05-29 at 18 18 19

  • Route 3

Screenshot 2024-05-29 at 18 18 35