Cultural Trails – VD

Project

The goal was to create an interactive web application to explore cultural heritage trails in the Canton of Vaud, offering a fun and educational experience for the public. It highlighted various competencies acquired during our studies, particularly in project management, UX/UI design and web development.

Approach

Our approach focused on simulating real-world work conditions to deliver a fully functional web application that promotes local cultural heritage through thematic walking trails. As the lead frontend developer, I was responsible for creating custom components using Tailwind CSS, developing the frontend using Vue.js and integrating it with the Laravel backend through Inertia.js. We used a custom map built with MapLibre to display the cultural trails.

Technology

The web application was built using modern web technologies:

• Vue.js for frontend development to provide a responsive and dynamic interface.
• Tailwind CSS for custom components and efficient styling.
• Inertia.js to bridge the gap between the frontend and Laravel backend.
• MapLibre to implement a custom map solution that integrates with cultural paths and points of interest.

Result

The application developed in this project includes several key features to enhance user experience and engagement:

• Quizzes about points of interest (POIs) to test users’ knowledge.
• A favorites feature to save preferred points of interest.
• Audio descriptions for a more immersive experience.
• A badge of completion system and user profiles to track progress and achievements.
• An admin site that allows the creation and management of cultural paths.

Credits

This group project was developed as part of the “Integration Project” course in 2024 at HEIG-VD, Yverdon-les-Bains, during my Media Engineering Bachelor’s degree. Although the case was fictional, the research and design process was based on a real-world scenario.

• Leïla Fidalgo (Project Manager)
• Ariadne Melissargos (Communication Manager)
• François Cuennet (UX Design Lead)
• Jérémy Martin (Backend Technical Lead)
• Antony Neyret (Frontend Lead Developer)