Skip to main content
Back to Projects

Web Application

RideAlong

A collaborative vehicle document management platform designed to help drivers organize vehicle records, monitor document validity, and stay ahead of important renewals.

ReactTypeScriptExpressCSS

Overview

RideAlong is a collaborative web application designed to simplify vehicle document management for everyday drivers. The platform brings vehicle information, document validity, reminders, and compliance status into a centralized dashboard, reducing the need to manage physical records or manually track renewal dates.

Project Screenshots

Project Screenshots 1

Problem / Context

Vehicle owners may have to keep track of several important documents, including driver's licences, insurance, roadworthiness certificates, and vehicle registration. When expiry dates are difficult to monitor, documents can lapse without notice and create unnecessary stress, fines, or delays during inspections.

Solution

RideAlong centralizes vehicle and document information in a single dashboard. Users can register multiple vehicles, manage their associated documents, monitor expiry dates, and organize upcoming and overdue reminders. Document and vehicle statuses are calculated from expiry information to give users a clearer view of their current compliance state.

Key Features

  • User authentication
  • Dashboard for monitoring vehicles, documents, and compliance status
  • Multi-vehicle management and vehicle-specific document tracking
  • Automatic document status classification based on expiry dates
  • Upcoming, overdue, and searchable reminder management
  • Configurable desktop, email, and in-app notification preferences
  • Light and dark theme support with persisted preferences
  • English, French, and Spanish localization
  • Responsive layouts adapted for desktop, tablet, and mobile devices

My Role

I contributed to the project as part of a collaborative development team, with a focus on application security. My work involved implementing the authentication module and reviewing the application from a security perspective, identifying potential security concerns, and contributing security-focused improvements alongside the wider development work.

Technical Implementation

The application uses React and TypeScript with Vite for the frontend build environment and React Router for client-side navigation. Firebase provides the authentication layer. The interface is built with custom CSS and responsive layouts, while application logic handles vehicle records, document expiry calculations, reminders, notification preferences, localization, and persisted theme settings.

Challenges

  • Designing a dashboard that could communicate vehicle and document status clearly
  • Handling different document states based on expiry dates
  • Keeping vehicle-specific documents and reminders easy to navigate
  • Adapting a primarily desktop-oriented interface to smaller screens
  • Considering application security alongside the broader product functionality

Outcome

The project resulted in a centralized vehicle document management experience that brings authentication, vehicle records, document tracking, reminders, and compliance information together in one application. My contribution also provided a security-focused perspective during the development of the platform.

Additional Screenshots

Additional Screenshots 1
Additional Screenshots 2