The idea for Lapidaret grew out of a desire to preserve and document a memorial heritage that is often scattered and hard to find online.
The project aims to list, map and make these places of remembrance accessible.
The work focused on collecting, structuring and formatting the data.
Features
Gallery
A visual display of all the memorials
Map
Allows you to visualise the memorials across the country based on their location
Contribution system
Users can submit new memorials to help grow the archive via a form with manual validation
Admin area
A private interface allowing the moderation of contributions.
Tech Stack
Next.js
+I used Next.js to build the project's frontend, with TypeScript to keep the code safe and Tailwind to create a clean, consistent and responsive interface.
Appwrite
+I chose Appwrite over similar services because it was the only one (that I found) offering a student plan with enough storage for all the images and contributions, as well as significant bandwidth to handle higher traffic for free. Appwrite handles the database and storage.
Auth.js
+Auth.js handles user authentication and secure access to the admin area. It integrates easily with Next.js and allows different sign-in methods to be managed without complexity.
Next-intl
+Handles the site's internationalisation, supporting multilingual routing and dynamic messages. This allowed me to structure the site's content cleanly and learn how to manage a multilingual app.
Cheerio
+Cheerio was used for the initial data scraping. It efficiently extracts the necessary information from the AMMKM website.