Snapshot

main menu

Inspiration

We wanted to create a low-pressure social media website exclusively for you and your friends to share snapshots of your life in a scrapbook-style environment rather than the traditional social media swiping.

What it does

You can post pictures with short captions to share something going on in your life with friends. To collaborate on the same "canvas", create a room and share the room ID.

How we built it

Frontend was handled with Javascript and HTML/CSS from scratch. Backend was made using flask and socket.io.

Challenges we ran into

One of our teammates had an emergency and left 2 hours in, meaning we had to compensate for scope and time
Jquery importing was very tedious and sometimes didn't work.
Drag and drop in Javascript was surprisingly hard to implement, especially on the backend (storing images, locations of containers .etc)
Backend management and hosting was messy and hard to test unless the website was live
Merge conflicts :')

Accomplishments that we're proud of

Creating a website that is functional. During merging, different things would break and new issues would arise. At the end of the day, we're proud to say we all learned something.

What we learned

We overestimated how difficult it was to save and communicate effectively with the server. The majority of our debugging was due to server management and updating and loading saved data.

What's next for Snapshot

add changes in real-time and better saving features (autosave .etc)
add sub-boards that link to another room (ex: adding a food-themed sub-board which is specifically designed for sharing favourite dishes you cooked this month)
adding ai prompts that can generate ideas for sub-boards
email reminders to remind the user to contribute monthly