Nautilus
2026
Web application for managing swimming competitions, centralizing club management as well as the organization and tracking of events.
About the project
Nautilus is a web application for managing swimming competitions. It centralizes the management of athletes, clubs, competitions, and the events that make up each competition.
The project was a complete rebuild of an existing system originally developed in Clipper. The application was rebuilt from the ground up, with the existing database being the only part of the original system that was retained.
Rebuilding the system
The existing application had to be replaced entirely while preserving the data already accumulated in its database.
I redesigned the main workflows and translated the functionality of the legacy system into a new web-based experience, focusing on clearer information hierarchy, more consistent interactions, and reusable interface patterns.
The rebuild also provided the opportunity to rethink the application’s architecture rather than simply reproducing the structure of the original Clipper system.
Full-stack development
I was responsible for the project across the full stack, including the frontend, backend, and database integration.
I developed the frontend in Angular and built the backend with NestJS, creating the APIs and business logic required by the new application. The existing database was retained and adapted to work with the new system.
Design system
I designed the interface in Figma and established reusable patterns for common interactions throughout the application.
The design system covered elements such as forms, tables, navigation, feedback states, and other recurring components. This provided a consistent visual and interaction language while making the interface easier to maintain and extend.
My role
I was responsible for the project’s UI/UX design, frontend architecture and implementation, backend development, and database integration.
I created the Figma prototypes, defined the reusable interface patterns, implemented the frontend in Angular, developed the backend with NestJS, and worked with the existing SQL Server database to integrate it with the new application.
Implementation
The application was rebuilt from the ground up using Angular and NestJS, with SQL Server as the database. The existing database was the only part of the original Clipper-based system that was retained.