by 0x65813baedfd68029af5382672b0e4dd2e6f27952 (mattimus)
Should the following Tier 4: up to $60,000 USD, 6 months vesting (1 month cliff) grant in the Platform Contributor category be approved?
Ever have trouble finding the exact wearable you were looking for? Have you ever wanted to save an entire outfit for easier changing? Wouldn’t it be nice if you could search for an item by name, find it, and then wear it?
Take a step inside your Decentraland closet! A more advanced backpack, accessible in an external web application.
I seek to create a web application that will enable advanced backpack features to simplify and enhance the backpack experience and also reduce the need for backpack features inside of the current clients. Many of the features proposed by the community can be achieved including outfit saving, sorting and filtering, previewing multiple marketplace wearables at once and more.
Why not create this as an addition to the current backpack? My main concern when designing this was that any additions to the current backpack would still run into existing issues with the backpack loading slow and not loading in high traffic scenes and at seemingly random times.
The goal of this project is twofold: add additional features but also ease some frustration with the existing backpack reliability. I also like the idea that someone looking to build a new client can potentially leverage the closet app for their backpack functionality instead of building their own and can focus on the core client functionality. In addition, the majority of the new features require some external service to be built, to save outfits etc., which can be integrated faster and easier into the current backpack after they are built.
The project will consist of a single “front-end” web application, created using next.js, and a server application and database to store outfits and any user related content. Additionally, existing decentraland foundation services (lambdas + catalyst apis) are used to fetch avatar and wearable data.
The services will most likely be hosted in AWS, but I will explore other options that can reduce costs so this can be hosted long term. The final product will have any necessary production-ready features such as data security and encryption, potential use of CDN if loading times are an issue outside of the US, and potentially at least 2 server applications running for failover/redundancy if the need arises.
The first phase of the project will be focused on the main UI/UX features and the second phase includes integration with the catalyst endpoints to sync outfit changes in game. In addition to the core features, I hope to add social features, such as seeing other people’s closets and being able to try on other’s saved outfits.
The goal is to increase user activity and socialization around wearable collections and stimulate more traffic to the marketplace by providing easy navigation for any items they are seeing.
After completion, the project source code will be made public so everyone can benefit from the catalyst api avatar interactions, in an attempt to create an ecosystem of many clients, as well as examples of interacting with the dcl lambdas and nft apis.
I have hosted an initial version to demonstrate feasibility, explore the data available and show the basic trying on features: DCL Closet Prototype
To use the app, paste in your wallet address under “Avatar Address” and your current avatar and backpack will load. To preview your avatar with someone else’s backpack, you can paste a different address into “Backpack Address”
I am a full stack senior software engineer of over 10 years by profession and have all of the skills required to execute. I have contributed sdk development in several large community events as well as have my own parcel that I actively develop and visit daily. I have 2 publicly available sdk scripts and am always looking for ways to assist other devs and the community.
I am also very familiar with the existing data and apis for interacting with user wearables. For the MVFW Summer Gala I created a wearable viewing feature that allowed users to see what any avatar was currently wearing in a ui menu, with direct links to the marketplace listing.
I also seek to hire someone to create UX wireframes to assist with the outfit saving flows and sorting and filtering functionality as well as a UI designer to make the application feel fully polished visually
Phase 1 features
- UI/UX basic design and features
- User feedback gathering and feature suggestions
- Filtering and Sorting closet by
- body part type
- Outfit saving
- Marketplace links
- Wallet connect
- Web hosting setup
Total estimated time: 80 hours
Phase 1 extra features
- Sharing outfits
- Sharing closets
- Triggering emotes in preview
- Background color selection in preview
- Background image color representing rarity
Total estimated time: 30 hours
Phase 2 Features
- Base avatar wearables, import all base models and be able to change them in outfit
- Outfit Saving Enhancements, more outfit slots, ux updates after user feedback from phase 1 implementation
- Enhanced validation to filter wearables by model types and enforce validation before catalyst updates
- Integration with catalyst api to sync outfit in game
- Wallet connect
- Add more supported wallets to match all available in dcl
Total estimated time: 80 hours
Total Project Estimated 190 hours
Dev budget 22k
Design budget 2k
Hosting fees 1k