Skip to content

Webapp for 'The planet is your canvas: Art contest for Latin America and the Caribean 2022-2023'. Client: UN Environment Programme LATAM

Notifications You must be signed in to change notification settings

alejandra-rojas/ThePlanetIsYourCanvas-2022-23

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Planet is your Canvas 22-23 WebApp


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.

Tech Stack

  • 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.

Features and Functionality

Firebase Database Integration

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.

Voting Functionality with Firebase Authentication

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.

Real-Time Vote Counting

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.

Voting widget in use

Voting480.mp4

View video in YouTube

Firebase Database

Associating user votes to each artwork in the database

Associating the public votes to each artwork in the database.

About

Webapp for 'The planet is your canvas: Art contest for Latin America and the Caribean 2022-2023'. Client: UN Environment Programme LATAM

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published