Projects

Check out my recent projects to discover my skills in action.

A real-time wildfire risk monitoring website that delivers daily updates for all forestry offices across Greece. The platform is designed to be functional, accessible, and scalable, offering users accurate and timely wildfire risk information. I independently designed and developed this platform to improve wildfire awareness in Greece by providing real-time, publicly accessible risk data.

🧠 Backend Architecture

  • Developed using Node.js to build a server capable of handling daily automated data fetches and processing

  • Server executes scripts that:

    • Retrieve official wildfire risk maps

    • Parse and extract relevant regional data

    • Update the website automatically using the X-API

  • This pipeline ensures daily, real-time risk assessments are published without manual intervention

🎨 Frontend Design

  • Built with React and TypeScript to deliver a modern, maintainable UI

  • Features an intuitive interface allowing users to:

    • Navigate across dates

    • View localized wildfire risk levels

    • Interact with a dynamic map for spatial insight

  • Designed with responsive layout principles, ensuring a seamless experience on both desktop and mobile devices

📌 Role & Highlights

This project demonstrates my full-stack development capabilities, with a focus on:

  • Backend automation and data integration

  • React-based frontend architecture

  • UX/UI design for public service platforms

  • Real-time information delivery pipelines

A fully integrated, dynamic, multi-platform website for real-time seismic activity tracking in Greece. Designed for both desktop and mobile, the site is available in Greek and English, providing live updates and accessibility features to a wide audience. I designed and created this real-time earthquake information site on my own to offer a more accessible alternative to existing seismic data platforms in Greece.

⚙️ Key Features

  • Live earthquake feed with automatic updates (no page refresh needed)

  • Text-to-speech announcements for accessibility and hands-free use

  • Bilingual interface: full support for Greek and English

  • Clean, responsive UI optimized for performance across devices

🛠 Tech Stack

  • Built using HTML, CSS, and Vanilla JavaScript

  • Developed within a custom WordPress environment for flexibility and content management

  • Leverages AJAX and custom JS logic for real-time behavior

📌 Role & Highlights

This project showcases my expertise in front-end web development fundamentals, including:

  • DOM manipulation and asynchronous data handling

  • Cross-platform responsive design

  • Accessibility and localization best practices

  • Integration within CMS platforms (WordPress)

richterberry.gr
pyrosvestis.gr
seismologos.gr

A fully autonomous, professional-grade real-time seismograph system, developed from scratch. The system features a scalable backend for seismic data acquisition and processing, along with an interactive frontend for real-time monitoring and advanced visualization. I built this fully autonomous seismograph system from scratch to explore real-time seismic data collection, processing, and visualization using custom hardware and software.

📡 Seismic Station

The seismic node is built on a Raspberry Pi running Python, integrated with:

  • NEO-6M GPS module for precise time synchronization

  • SM24 high-sensitivity geophone

  • ADS1115 16-bit ADC

  • Achieving a 250 Hz sampling rate for accurate waveform capture and tremor detection

The station is fully autonomous, with automatic error recovery and self-restart mechanisms to ensure high availability and resilience in the field.

🔗 Real-Time Data Pipeline

  • Communication via WebSocket between seismic station, backend server, and clients

  • Backend hosted on Hetzner, running Python services behind an NGINX reverse proxy

  • Incoming data is filtered and processed, then relayed to a web-based client

  • The frontend, built in React, is optimized for clarity, performance, and near-zero latency, offering:

    • Live waveform plotting

    • Real-time spectrogram visualization

🧑🏻‍💻Current Deployment & Scalability

  • The station is currently operating in test mode in downtown Athens, an environment with high ambient vibration, so live tremors should not be interpreted as seismic events

  • The system is designed for multi-node synchronization, with incoming data stored in MongoDB

  • Expansion is planned across Greece, forming a real-time seismic monitoring network

*Currently under active development

Building upon the foundation of seismologos.gr, seismologos 2.0 represents a complete reimagining of how seismic activity is monitored, visualized, and reported—leveraging cutting-edge web technologies to deliver an even more powerful, secure, and interactive experience.

🧠 Backend Architecture

  • A 24/7 server built with Express.js and Node.js, designed for real-time performance and fault tolerance

  • Utilizes WebSocket technology for live seismic data updates, ensuring users receive up-to-the-second information

  • MongoDB powers the backend database, optimized for high-speed queries and scalable storage of seismic and user-generated data

  • Implements secure user authentication and registration, with:

    • Role-based access control (RBAC) to distinguish between visitors and registered users

    • Stringent security protocols to safeguard personal data

    • Modular architecture for easy feature expansion

🧩 Key Features

  • Visitors:

    • Access to real-time seismic updates

    • Live visualization of ongoing seismic activity across Greece

  • Registered Users:

    • Interactive chat to discuss seismic events with other users

    • "Did You Feel It?" reporting tool for submitting felt earthquake experiences

    • Reports are displayed on a dynamic real-time map, offering valuable insight into the human impact of each event

🎨 Frontend Experience

  • Built with React and TypeScript, continuing the sleek UI/UX design philosophy of the original seismologos.gr

  • Fully responsive and optimized for desktop and mobile

  • Integrates role-based UI logic to present different interfaces and capabilities depending on user status (visitor vs. registered)

🔧 This project is currently under active development. In the current preview release, the user registration and login system is fully functional.

seismologos.netlify.app

Planned Projects