NFT Avatar Zone

Create it. Own it. Trade it. NFT Avatar Zone.

Comment

Inspiration

Nowadays, crypto is trending. The NFT is also trending. I think I can build an NFT avatar web app through the KIRO AI IDE. So I start building the NFT Avatar Zone web app. The KIRO IDE helped me to complete my project. The KIRO AI IDE also helps me to deploy this project.

What it does

The NFT Avatar Zone web app allows users to design and share the NFT on different platforms. You can create the NFT and download also share it with different platforms. Here are many tools that help you to design the NFT.

How I built it

I used vibe coding with Kiro. The KIRO AI IDE develops and designs the project.
Spec: pre-plan, Design, and provide tasks. That helps me to read and visualize my project.
Vibe Coding with the KIRO: It provides me whole file and folder as the spec provides.
Agent Hooks: Provide automated repetitive tasks such as file creation, formatting, and environment setup.
Steering Docs: Provide the project doc file.
MCP server: connect locally to the KIRO cloud.

Challenges we ran into

  1. Sometimes, the crash chat section. I can't find it on the KIRO screen. This is good to add the refresh button so that it will appear here again. BUT, now I need to close the KIRO AI IDE and reopen it.
  2. Need to be highlighted / different color "working..." word when it is working.
  3. Need to highlight the texts on the chat section, misspelling highlight as Grammarly.
  4. If they add any "live preview" option to see the code output live.
  5. Need to add a like and dislike button for the output result, some output unnecery, I see, suggest the KIRO AI IDE.

What we learned

In this project, I learn how to use the KIRO AI IDE. MCP, SPEC, AGENT HOOKS, AGENT STEERING, MCP SERVER, how to use on the KIRO IDE. The KIRO IDE helps me to plan, build, design, bug fix, and deploy on GitHub and also server. When I use the KIRO IDE, the AI helps me to vibe code. At the end of the project, I learn more knowledge from this hackathon.

How to help me Vibe Coding with the KIRO?

I used vibe coding by interacting with Kiro. The KIRO AI IDE develops and designs the project. The Kiro AI IDE also helps me to develop and fix my coding errors. The UI design, logic building, testing, optimization, bug fixing, and also generating ideas for me. No need to write any code, and also no need to think. I just asked the KIRO, the AI IDE, to help me build a project. It is right, KIRO helps me to vague idea into a real project.

How can help me the "Agent Hooks" to develop my project?

An agent hooks automated repetitive tasks such as file creation, formatting, and environment setup. I just need to ask the question in the chat bar, and the Agent Hooks automatically solve my problem. The Agent Hooks can find a file, read a file, and also solve the problem. It is easy to understand and a time-saving agent. Sometimes the sidebar chat module crashes. It happened many times with me.

Is Spec-Driven Development very useful?

YES, Spec-Driven Development is the best way to understand about project before starting the project. The code will start when the Spec-Driven Development is done. I can find all the details about my project. It is the first impression for the project. I liked it.

What is Steering Docs? How to work the Steering Docs?

I'm also impressed; these tools help me to generate my whole project doc file. It automatically generates project doc like product, structure, tech. These files help me to easily understand about project.

The KIRO MCP server

The KIRO MCP server allows me to connect locally to the internet. It also helps me to configure cloud access structure, update files, and assist with debugging. It helps me reduce time. The Kiro MCP server helps me to write secure code.

What's next for NFT Avatar Zone

Advanced Features to Add in Future

  1. AI Avatar Generator
  2. One-click NFT Minting
  3. Multi-Wallet Support
  4. Avatar Collections
  5. AR Avatar Preview
  6. 3D Avatar Mode
  7. Profile Pages
  8. Pricing Tools
  9. Fraud Detection System
  10. Token Gated Access
  11. NFT Copyright Protection More.

Thank you

Share this project:

Updates