Deployed website: The planet is your canvas 22-23
This web app was created for a contest organized by the UN Environment Program in Latin America. The objective was to promote the art contest and facilitate the submission of artworks by participants. After the first stage closed and the jury selected the finalists, the website allowed the public to vote for their favorite artworks.
Built with React, the web app seamlessly integrated Firebase Database and Authentication to manage and track votes. Over the 10-day voting period, the web app registered 2410 users from more than 15 countries across 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.