Inspiration
The theme for this hackathon was to promote culture and diversity. I was inspired to create this website as I'm from Kolkata, a city in India, and last year, our biggest festival Durga Puja, was added to the list of Intangible Culture by UNESCO. I wanted tourists and visitors to be aware of not only the physical sites, but also the rich culture that not only my city, but also other places around the world have.
I wanted to make the website similar to a restaurant delivery app, where the user could input their location and the sites would be displayed, ordered by their proximity to the user. Clicking on the sites would display the distance between the user and the site. The user gains points for each site they visit and uploading a picture at that place.
What it does
- Takes in user location as input (currently support only country names)
- Displays at leat 100 World Heritage Sites in that country
- Clicking on each name displays it's location on the map (currently displays a sample)
How I built it
- Used Node.js as the backend and for Routing
- Utilized Express and EJS templates for customising data on pages without creating separate Routes.
- Basic frontend with HTML and CSS.
- GitHub for version control
Challenges I ran into
Apparently Google Places API does not work without a billing account. I just didn't want to share my credit card details. (Spent an hour trying to debug why my map wasn't displaying)
I couldn't find an API for UNESCO Intangible Cultureal Heritage. Tried to make one myself for the first time (and failed).
Couldn't pass data from one EJS template to another. (Tried to utilize MongoDB to store info but got overcomplicated)
I guess I got too ambitious with my idea and couldn't end up completeing within the deadline.
Accomplishments that we're proud of
- First online Hackathon at MLH.
- Built a basic webpage after almost a year
- Worked with Google Maps ans tried to build an API
Log in or sign up for Devpost to join the conversation.