The Bigger Picture

Helping you appreciate the little things in life.
View Demo »

Visit Website

About The Project

People often clutter their camera roll with thousands of pictures they will never see. Our project allows people to see a collection of their photos in the form of a photo mosaic, letting them see the "bigger" picture made of their "littler" pictures.

What it does, and how we built it

Frontend: The frontend is built with Vue.js.

Backend: The backend is built with Flask.

Database: The database is built with with SQL using (MySQL), with AWS S3 for storage.

Our application leverages WebSockets to enable live, bi-directional communication between devices. This allows users to collaborate in real-time to make a mosaic together.

The WebSocket implementation is integrated with the backend (Flask) and frontend (Vue.js), using libraries such as Flask-SocketIO and corresponding client-side WebSocket APIs.

Uploaded images are securely stored in our Amazon S3 database and can be queried using the SQL database (made with MySQL). This allows users (who log in through Auth0 authentication) to pick up on their progress from where they last left off.

Built With

• 
• 
• 
• 
• 

Deployed With

• 

(back to top)

Getting Started

Want to try seeing the bigger picture? Go to https://uofthacks-12.vercel.app/ login and upload away!

(back to top)

Contact

Gordon Zhang - [email protected]

Project Link: https://github.com/Raptors65/uofthacks-12

(back to top)