This is a submission for the DEV Weekend Challenge: Community
I am a huge fan of anime. I love watching anime. Anime is a very big part of how I spend my free time, there's so much I learned from the characters.
I completely enjoyed shows like Naruto, Black Clover, One Punch Man, and many more. There are many lessons I learned from the MCs of these shows, like never giving up after losing, getting back up after failure, and being kind to others.
Since I love anime so much, I thought of making this project to give fellow anime lovers a chance to finally experience their own dream isekai moment.
We have all seen it in anime that moment when the system appears and reveals your identity, skills, and stats. I wanted to recreate a small piece of that feeling in a fun, interactive way.
This card not only lets you enter the dungeon as an A-rank adventurer but also helps you present yourself to your friends and share your stats.
Isn’t that cool?
The Community
There is a large community of anime lovers, and almost everyone secretly has their favorite main and side characters.
Anyone who watches isekai anime knows the classic beginning. Either death or summoning into another world. When the story starts, you usually don’t know anything about yourself who you are, what your skills are, or what your role is.
You explore the world, and then suddenly… click. A new window appears. Voila your stats screen.
It tells you:
- your level
- your skills
- your useless skills
- and your potential to defeat the demon king or save the kingdom
That moment always fascinated me.
What I Built
I wanted to build something playful that combines anime culture with an interactive web experience.
Most profile generators feel very serious. I wanted something fun, slightly chaotic, and very shareable for anime fans who always imagined their own Isekai stats screen.
So I added a twist and created an Isekai ID generator.
Anyone who wants to enter the Isekai world just needs to enter a few details. The system judges you based on your inputs and assigns you a rank.
Top tiers include:
- National Level
- S Rank
It also helps the kingdom determine whether you are Commoner, Rare, or Epic based on your skillset are.
How it works
- Method of Arrival
You choose how you entered the Isekai world: Truck-kun, Overwork, Summoning.
If you were summoned, maybe you got lucky. If Truck-kun hits you… well, you know what happened.
- Party Role
You can answer realistically or go full fantasy. Example: Healer, Tank, App Developer, Shadow Strategist
Your choice defines your role in the party.
- Useless Cheat Skill
This is the fun part. You can be realistic or completely chaotic. Examples: Copy Machine (Ctrl C + Ctrl V master), Professional Procrastinator, Sand Castle Architect
Sometimes the most useless skills are the most entertaining.
- Current Quest
What are you doing right now? Examples: Find a Bathroom in the Dungeon, Trying to solve a bug in my code, Farming XP in production
Fantasy or reality your choice.
- Plot Armor
The most important survival stat in any anime. The more stars you have, the longer you survive in the storyline.
No plot armor more risky life.
The moment you hit Forge Your Destiny, you get summoned and receive your personalized Isekai card ready to download and share with fellow anime fans.
The goal was simple: make something fun enough that people would actually want to share it.
Demo
The provided image shows the details you need to fill.
The provided image shows the generated card with the details filled.
The provided image shows the card generated.
The provided image shows how the card will look after downloading.
Code
Try the live experience here: Live Link
Explore the source code on GitHub: Github
How I Built It
Tech Stack
- Frontend: React & Typescript
- Styling: Tailwind / CSS
- AI usage AI Studio
- Deployment : Netlify
This project was a fun experiment in blending anime fantasy with interactive web design.
If you are an anime fan, you already know the feeling of wanting your own stats screen to appear one day. I just tried to bring a small piece of that experience into reality.
Would genuinely love to know the feedback on the project and whose your favorite character and what you learned from them?
Top comments (6)
Congrats to your project dude. Well, before I've moved to cryptography all-in, I was planning a web3 project with pokemon theme as I really like that universe, also it had it's 30th Anniversary this year, so kind of memories came back stronger than ever as I run through my town catching pokemon in Pokemon Go.
Thanks buddy. You should go ahead and make it before transitioning to cryptography or you can make crypto coins for every pokemon you like. With every evolution the value of it's coin increase.
I'll be looking forward for your project with pokemon theme whenever you got the time. It's 30th anniversary why not gift yourself with a project you always wanted.
I actually made the decision about my full transition to cryptogtaphy. HOWEVER ! I don't want to let this period of time without proper farewell. Thus I got registered to a web3 hackathon to seal this period in my history and perhaps as my project I will have built the pomemon themed project.
Honestly I got burned out and I'm fed up in web-dev. Read first article, so u ll know.
Sure congrats on the transition. Hope you do what you love. Ofcourse, end web3 with a bang. Go for it.
Definitely, I'll read your first post and you have my full support in burned out. Take your time, to get better and stronger and make an impact in cryptography.
Cheers a lot, dude. Hope I can deliever you some knowledge you did not know about e.g. internals of Elgamal or Elyptic Curves.
Sure, buddy. Always ready to learn. Enlighten me about internals of Elgamal and Elyptic curves and many more. I would to know more about cryptography from you.