Inspiration

Movie Posters and a fun little way to have fun with them. People can download and use the photos in social media apps, or wherever they want to use them in.

What it does

Web app that lets users snap a photo of themselves, detects their pose, and automatically places them onto a famous movie poster with a matching pose

How we built it

We used MediaOutput for taking photo input and then processing it, giving us more than 1000 different results of an image with the same pose of the inital photo. We used TypeScript, CSS, and HTML to create the front end development for UI/UX design. The design was cinema themed, and was created using different custom animations to create a fluid experience for the user.

Team Name

Chicken Jockey 1337

Challenges we ran into

Removing the background and processing the image so that the user's pose is replaces a pose onto the poster. The back-end and front-end developing worked; however, we were unable to connect to two to allow the process of intaking, storing, and outputting our final image after it was generated.

Accomplishments that we're proud of

The idea, the creativity, the communication, front end, back end, and going through more than 1000 movie to collect data of different poses.

What we learned

API, Typescript, CSS, python, animations, webcrawling, python vectorization

What's next for PosterMe

Collecting more poses by using a bigger poster database, have better image manipulation, and reworking our project. As we were unable to finish the process from front end to back end, store, and then back end to front end again, was to complex for the time frame given. However, we can continue working on this project in the future and finalize it.

Built With

• css
• github
• html
• javascript
• python
• tailwind
• tmdb
• typescript
• vite