Max's PortfolioFeaturedWorkProjects by TypeLanguageLibraryDBCloud PlatformSocials

Picture the World

awscollaborativecvec2gatsbyhackathonjsmongodbnodereactrekognitions3web

As part of HackDFW 2021, I created Picture the World with 4 other group members. We wanted to create an interactive game that could represent different cultures and diversities by educating players with other languages and encouraging active engagement with learning.

What it does

Each individual player, located anywhere in the world, can access the webapp and be presented with an image and a word. The image is a prompt that can be found in all cultures or countries, from prompts such as Family and Smile to objects like Fruit or Car. Along with this randomly chosen image, a translation of the word is given.

The key part of the program is that each image comes from another player, and each word is in the official language of the country that the image was taken in. This way, players can exchange cultures with other players and learn new words in other languages.

How it was built

Our web app uses Node.js, React, and Gatsby.js for the frontend. The backend uses Node.js, Express.js, and MongoDB for the database. We implemented AWS S3 and AWS EC2 to host the server, and we used Amazon Rekognition to identify user-submitted photos through machine learning and match them across the database with specified parameters.

Source

Source code for CrowdAdvisor is available on Github.