The webapp went live once the finalists of the contest were selected by the jury. Built with React, the webapp allowed users to vote for their favorite finalist artworks, seamlessly integrating Firebase Database and Authentication to keep track of the votes. Over the span of the 10-day voting period, the webapp registered 2,410 individuals from over 15 countries in Latin America.
- React: Powering the dynamic and responsive user interface for this bilingual website.
- Firebase Database: Storing and retrieving artwork details and votes, ensuring real-time updates and data synchronization between clients.
- Firebase Authentication: Registering users and assigning unique IDs for secure and controlled voting.
Essential details of the finalist artworks where stored in a Firebase Database; these details include the image URL, title. Leveraging React's capabilities, the WebApp dynamically connects to the database, fetching and rendering the artworks on the webpage. The database also associated the votes submitted by the public for each artwork.
To facilitate a fair and secure voting process, Firebase Authentication is employed. Users interested in voting are required to register, receiving a unique ID upon completion. This ensures each user's eligibility to vote. The WebApp then utilizes this authentication system to prevent users from voting multiple times for the same artwork.
Upon each vote submission, an animation provides visual feedback to the user, confirming the successful submission of their vote and enhancing the interactive experience. The WebApp instantly updates the vote count for the respective artwork across clients.
Voting480.mp4
Associating the public votes to each artwork in the database.