I made an app to enjoy Halloween🎃🦇🕸

Hey guys,

It was Halloween day, but in this self-restraint mode, it’s hard to go out and enjoy dressing up in costumes.
So I made an app that lets you enjoy Halloween online!

Halloween has already passed, but you can even enjoy this app!

URL: http…


This content originally appeared on DEV Community and was authored by Yuiko Ito

Hey guys,

It was Halloween day, but in this self-restraint mode, it's hard to go out and enjoy dressing up in costumes.
So I made an app that lets you enjoy Halloween online!

Halloween has already passed, but you can even enjoy this app!

Image from Gyazo

URL: https://ohmyface.ai/

How to use

The usage is as shown in the following slide.

Image description

First, when you visit to https://ohmyface.ai/, you can choose a favorite style from this week's popularity ranking or the overall ranking.

Image description

This ranking is based on the number of styles converted, and is updated daily at 9pm (JTC).

Once you have selected a style, all you have to do is just upload the image you want!
The loading process will run automatically and the image will be converted.

Don't worry, the uploaded images are not retained by the server.

Composition

The configuration is as follows.

Backend...python
Infrastructure...AWS (API gateway, Lambda, dynamo DB, s3)
Frontend...Next.js + TypeScript + Chakra UI

In order to develop the ranking, I created an API to post which style the image was converted in, along with a timestamp, then store the data in dynamo.

In order to aggregate the data, I create a Lambda function that returns the style data sorted by the number of conversions, and save the results in another table in dynamo.
That Lambda function is run once a day by EventBridge.

Then, I also created an API to access the dynamo table where the aggregate results are stored and retrieve the data, and call it from the client side to display the ranking order.

For the frontend, I used the usual Next.js + TypeScript, but this time I used Chakra UI for the first time.
It was very easy to use, and I'll use again for sure!

That's it!

Halloween is over, but I think it's an app that can be enjoyed even after Halloween, so I'd be happy if you could play it!

Contact

Please send me a message if you need.

yuiko.dev@gmail.com
https://twitter.com/yui_active


This content originally appeared on DEV Community and was authored by Yuiko Ito


Print Share Comment Cite Upload Translate Updates
APA

Yuiko Ito | Sciencx (2021-11-01T19:00:22+00:00) I made an app to enjoy Halloween🎃🦇🕸. Retrieved from https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/

MLA
" » I made an app to enjoy Halloween🎃🦇🕸." Yuiko Ito | Sciencx - Monday November 1, 2021, https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/
HARVARD
Yuiko Ito | Sciencx Monday November 1, 2021 » I made an app to enjoy Halloween🎃🦇🕸., viewed ,<https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/>
VANCOUVER
Yuiko Ito | Sciencx - » I made an app to enjoy Halloween🎃🦇🕸. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/
CHICAGO
" » I made an app to enjoy Halloween🎃🦇🕸." Yuiko Ito | Sciencx - Accessed . https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/
IEEE
" » I made an app to enjoy Halloween🎃🦇🕸." Yuiko Ito | Sciencx [Online]. Available: https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/. [Accessed: ]
rf:citation
» I made an app to enjoy Halloween🎃🦇🕸 | Yuiko Ito | Sciencx | https://www.scien.cx/2021/11/01/i-made-an-app-to-enjoy-halloween%f0%9f%8e%83%f0%9f%a6%87%f0%9f%95%b8/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.