FlatMap is a web app that can be used to view the location and details of Portuguese social institutions, either through a map or text/parameter search.
The map can be zoomed in by clicking on a region (down to 3 levels), and you can hover over/click the points on the map to learn more about that institution.
The interactivity was programmed with Alpine.js, design with Tailwind CSS, and the app is deployed using Django.
Sub-region
Each sub-region shows the institutions as dots on the map, alongside an interactive list.
Institution detail
Each institution has a page desribing its details.
Time Sweeper is a web app that allows you to set regular weekly meetings with a group of people.
The app takes into account each person's personal timetable to display all the possible intervals where the whole group is free to meet.
This app was designed with Bootstrap, and uses classic AJAX calls for serverside communication.
Group timetable
The group timetable shows you its members, the available time slots (those not in purple), and the group meetings.
Meeting detail
A group meeting has a title, location, and description. It can be set as locked (editable only by moderators). You can choose whether you're attending a meeting or not, and a list of attendees is displayed at the bottom.