What I built

A web app where a user can scroll through some of my favorite anime scenes of all time !!

Category Submission:

Random Roulette: A fun treat for anime fans !!

App Link

https://animeccha.com

Screenshots

Desktop:

Mobile:

Specific Anime Screen:

Demo (Scrolling through the montage):

Description

There are basically three set of screens in this app.

• The first one is the home page where all the anime cards are listed.
• One can tap/click on the respective card and go to the next screen which consists of included montages for that anime.
• Tap/Click on the montage card and post that loading animation, scroll through it's frames !!

Link to Source Code

https://github.com/lapstjup/animeccha (with that sweet deploy button 🚀)

Permissive License

MIT it is !

Background

I have been an anime lover for a long time. Watched my first one i.e. Dragon Ball almost 12 years ago and since then have watched a lot of awesome ones !!
There are a lot of scenes that just make you go DAMN that artwork and storyboarding !! and this app is my attempt to appreciate those.

How I built it

If you haven't checked out my previous blogs then do for awesome gifs and content, but for those who believe in TLDR, the following happened :-

1. Vanilla JS POC.
2. POC to full fledged React app with routes.
3. Deployment to Netlify and leveraging Netlify LMS.
4. Creating static image server for local development and migrating from Netlify LMS to DigitalOcean Spaces + Imagekit.io.
5. Migrating the App from Netlify to DigitalOcean App Platform.

This was really fun to build and I am thankful to this category's existence and of course, this HACKATHON 😇 !!

P.S. - I will keep adding on more Animes and montages as time permits 😁!!