Database | Dashboard connectivity and functionality

Screenshots below demonstrate data interaction using SQL on a backend page and a front-end dashboard linked to the SQL database. Features include adding members, real-time syncing, tracking total members, and highlighting the current members. The system serves non-engineer users through the dashboard and provides engineers direct database access, with user sign-ups on the front end.

Frontend - Basic Database

This screenshot demonstrates the initial setup where the frontend dashboard is connected to the backend database. It marks the starting point of the system's functionality. At this stage, the database is ready to store and retrieve data, although no specific interactions are visible yet.

Frontend - Member Sign-in

This stage shows the user interface where members can sign in. While not explicitly mentioned, this step is crucial as it sets the foundation for user authentication and access control. The system begins to distinguish between different users and their respective data.

Frontend - The first member signed up

The first member signing up highlights the successful implementation of user registration on the front end. This marks the initiation of user engagement with the system. It's a pivotal step as it demonstrates the system's ability to store new user data and integrate it with the backend.

Backend - Database showcasing live updates for member sign up information

This screenshot captures the backends’ real-time updating capability. As members sign up on the frontend, the backend is immediately updated. This live synchronization ensures that the database accurately reflects the current state of user data. It's a fundamental feature for maintaining data integrity.

Frontend - The second member sign up

The second member's registration reinforces the system's scalability and robustness. It demonstrates that the initial sign-up wasn't just a one-time event, but that the system can consistently handle new user registrations and integrate them into the existing infrastructure.