Open Source NFT Display and Gallery

[GENERAL] Name and Surname of Main Applicant

Cagkan Acarbay

[GENERAL] Email address of Main Applicant

chakhan@littlefish.foundation

Additional Applicants

Cem Karaca, Emir Olgun, Donald Isufi

[GENERAL] Please specify how many months you expect your project to last (from 2-12 months)

5

[GENERAL] Please indicate if your proposal has been auto-translated into English from another language.

No

[GENERAL] Does your project have any dependencies on other organizations, technical or otherwise?

No

[GENERAL] If YES, please describe what the dependency is and why you believe it is essential for your project’s delivery. If NO, please write “No dependencies.” in this field.

No dependencies.

[GENERAL] Will your project outputs be fully Open Source?

Yes

[GENERAL] If NO, please describe which outputs are not going to be open source. If YES, please write “Project will be fully open source.” in this field.

Project will be fully open source.

[METADATA] Category of Proposal

Dev Tools, API or Library

[IMPACT] Please describe your proposed solution.

The Problem

There are no ready made packages to help developers add NFTs to their projects with ease. If you want to build an app which uses NFTs, you either have to build everything yourself, or you use an out of the box ready solution like NMKR, which doesn’t allow you to customize much.

If you want to get started quickly to build out a platform, yet still have the flexibility to make it look and have any features you may want, you don’t have an option. You must build it all yourself: the NFT gallery to view NFTs, an NFT display to view the details of an NFT, and the code to read the blockchain, the metadata, and the decentralized storage.

This means only developers with good understanding of NFTs on Cardano can get started easily. Everyone else must go through a steep learning curve to not only implement the frontend components, but implement the reading and displaying of all the information of the NFTs.

The Solution

The solution is to develop an open-source javascript framework that implements the following:

• An NFT display to view a single NFT in detail, supporting viewing multiple images, and gifs, and any links or text within the metadata.
• An NFT Gallery to view collections, the NFTs in your wallet, or a set selection of NFTs
• Helper functions to read Cardano for NFT data, including the metadata, and any decentralized storage
• A fully customizable starting point for any developer building a project with NFTs.

This will:

1. provide a simple framework to build cNFT project prototypes
2. speed up development times for building cNFT projects
3. lower barriers to entry for new Cardano developers
4. increase the number of cNFT projects
5. allow other cNFTs use cases to be explored by developers.

The framework will be agnostic to the use case of the developer. cNFTs can be used in any way, and this framework will not care. Point 5 refers to existing solutions that shorten NFT implementation time to be entirely on the topic of NFT marketplaces. ie. NMKR Custom NFT store.

[IMPACT] How does your proposed solution address the challenge and what benefits will this bring to the Cardano ecosystem?

Alignment with the Challenge

One of the stated aims of the challenge is: Creation and improvement of tools and software that help make it easier for projects to develop on Cardano. This proposal addresses this aim directly as it aims primarily to make developing NFT projects easier. The proposal will allow developers to quickly build out projects that use CNFTs, decreasing development time and time to prototype.

The challenge also highlights in the types of proposals:

Native asset tools & software - Development tools, libraries and SDKs to improve how the community and developers can issue and manage native assets.

This proposal builds out such software to manage native NFT assets.

The project is also open-source from day 1. The entire point of this is to allow for the open source Cardano developer community to benefit from this work, and take it forward.

What impact will this project have for Cardano?

The project will add an open-source base for NFT projects to build upon. This will cut development times and make it simpler for anyone to start NFT projects.

This will have a tangible impact on Cardano open-source community, as there is no such example of an open-source library that allows you to play with Cardano NFTs. There are many minters, some NFT marketplace projects even, but nothing of the sort we are building. Combining these open-source projects you'll be able to create a full featured NFT project on Cardano with ease.

See these github search results to verify if there are any open source NFT displays for Cardano:

https://github.com/search?q=cardano+nft+display&type=repositories

https://github.com/search?q=cardano+nft&type=repositories

[IMPACT] How do you intend to measure the success of your project?

Since this is an open source framework to be made available to the public on github, it’ll be easy to measure the success of the project. We will look primarily at this activity:

• the number of stars on the repository,
• the number of forks, clones, and traffic for an open source repository,
• the number of feature requests.

Together, these metrics provide a good picture of how much engagement our project receives from developers. The higher the numbers, the greater the success.

With this project, the number of cNFT projects, and the speed at which they can create and test prototypes will increase. This will help developers onboard to Cardano, provide an easier on-ramp for new developers to start building on Cardano, and thus improve the productivity and growth of Cardano. All this impact is difficult to measure, but the metrics listed above will provide a very good proxy.

[IMPACT] Please describe your plans to share the outputs and results of your project?

As we develop the framework, it’ll be available on github as a public repository. So our outputs will be shared as we develop it. To spread these outputs we will share it on official Cardano and IOG developer channels on Discord and Telegram, as well as in community groups such as Gimbalabs, Konma, and Catalyst Swarm. We will also provide updates on our progress through our Twitter account to reach more of the Cardano developer community.

This will get our work into the hands of hopeful developers looking to build cNFT projects. We expect this to result in forks of our own project, further development of the framework by others, and use of the project as a base on other projects.

[CAPABILITY/ FEASIBILITY] What is your capability to deliver your project with high levels of trust and accountability?

To complete this project successfully: we need to build the JS framework, and get it into the hands of developers to use it. This means there are two critical capabilities needed:

• developing the framework,
• promoting it on the right channels.

As a team we have extensive capabilities and expertise on building software, including JS:

• building traditional backend services with Python, postgreSQL, Rest API development,
• 20+ years of software development expertise with C++, C#, Python, PHP, JavaScript
• frontend development with React JS, HTML, css,
• 2+ years of AGILE project management expertise, with a senior project management expert of 10+ years experience,
• Extensive experience with design tools such as Adobe Suite and Figma,
• Plutus Pioneers Program graduate

So developing the framework will be no challenge. Promoting it on the other hand is very simple. The target of this project are developers and developers have several resources they use to get information. One is github itself, a good repository name will do the trick to allow developers to find the repository. Extra to that, we will write messages on any and all developer channels on Cardano to promote the repository and get feedback from other developers.

Managing Funds

We are a previously Catalyst funded organization, and we keep all our financial records available to the public. You can verify how we've spent our previous funding to validate the trust put in us by the Cardano community to manage our funds wisely. You can find our financials on our Discord server.

[CAPABILITY/ FEASIBILITY] What are the main goals for the project and how will you validate if your approach is feasible?

The goal of this project is to

1. provide a fully customizable open source base for future cNFT projects,
2. have this base be used by other developers in their projects,
3. and have it developed further by 5 other developers as an open source project.

Goal 1 will be easy to determine if we have reached it. Does the framework

• have an NFT display, an NFT gallery, and a way to read NFTs from on chain including the metadata and the decentralized storage?
• allow the developer to read the user’s wallet for NFTs?
• allow for customization? Can the developer
• display any NFT collection?
• find any address’ NFTs?
• display any sort of NFT combinations?
• completely change the frontend but use some of the components as they wish?

Goal 2 is easy to know from the engagement on the github repository. The number of stars, forks, comments, feature requests all point to the project being used.

Goal 3 will also be easy to determine. Are there any non-team members forking and creating pull requests? If we get a single one to update the repository, that’s an open source success. We will aim at 5 individual developers here though to ensure a healthy sustainable repository going into the future.

[CAPABILITY/ FEASIBILITY] Please provide a detailed breakdown of your project’s milestones and each of the main tasks or activities to reach the milestone plus the expected timeline for the delivery.

Milestone 1 - Determine project scope, tech stack, write project specification document, and README

We will work to determine the project scope, what it will include and what it will not, the tech stack to use, and write a specification document that includes all the details. We will also write the README document of the repository for developers.

The tech stack decisions will include supported wallets, 3rd party service providers for on-chain data such as blockfrost, tangocrypto, lucid, and javascript frameworks. This will be decided through some trial and error, to see if we could support as many wallets, and frameworks to interact with blockchain as possible, to give the project’s users options for their own projects.

Expected Timeline: 6 weeks

Acceptance Criteria: A product specification document that outlines all the functionality of the project, the technologies to use, the screens to build.

Milestone 2 - Build NFT reader and wallet reader utilities

To display information about any NFT, we need to be able to read it from the chain. That means we need to build helper functionality to read specific NFTs, get information about collections, and query NFTs from on chain.

The utilities must also include the metadata, and any 3rd party storage that is pointed to in the go to any off-chain links provided such as decentralized storage and download any items there. Altogether, this will be a powerful tool for querying, and searching for NFTs on chain.

The utility should also be able to connect select wallets and read any NFTs from there.

Expected Timeline: 6 weeks

Acceptance Criteria: Utility functions are developed and shown to work. The functionality should cover: reading NFT data from on chain, reading entire collections from on chain, getting all data in 3rd party links in the metadata such as IPFS, and any other functionality decided in milestone 1.

Milestone 3 - Build the NFT display

Develop a customizable page where any cNFT can be displayed along with its images, gifs and any other metadata. This will be a simple page, visually, as each project will look to deploy their own designs. While simple, the page will be feature rich, as in it will be able to display any detail of a complicated NFT metadata. Any number of images, gifs, writing, and link metadata should be supported so that developers can customize the displays to their liking.

Expected Timeline: 4 weeks

Acceptance Criteria: A customizable page to display an arbitrary CIP-25 and/or CIP-68 compliant cNFT, along with any number of images, gifs, and metadata it contains.

Milestone 4 - Build the NFT gallery

Develop a gallery for NFTs which displays collections, the NFTs in the wallet, and a random selection of NFTs together. This page will serve developers to display any number of NFTs together. It will be used as a base to display entire NFT collections, NFTs in a wallet, NFTs in sale, or pages such as my favorite NFTs. It needs to be flexible to support all these uses.

Expected Timeline: 4 weeks

Acceptance Criteria: A customizable page to display an collections of cNFTs, search and filter them based on name, metadata, collection, and more based on the specifications from milestone 1.

[CAPABILITY/ FEASIBILITY] Please describe the deliverables, outputs and intended outcomes of each milestone.

Milestone 1 - Determine project scope, tech stack, write project specification document, and README

1. Output: Project Specification document, detailed README file in the github repository.
2. Outcomes:
3. A clear understanding of the projects scope for the team,
4. An initial set of functionalities agreed upon to build,
5. Selection of technologies to support/implement

Milestone 2 - Build NFT reader utilities

1. Output: A JS library to interact with cNFTs.
2. Outcomes:
3. A set of helper functions to interact with now ready.
4. Developers can use library to query NFTs, collections, and NFTs in wallets
5. The utilities needed for the NFT display and gallery are ready.

Milestone 3 - Build the NFT display

1. Output: A fully functional, customizable NFT display page with HTML, CSS, and JS.
2. Outcomes:
3. Developers now have a fully featured open-source NFT display they can easily integrate into their projects.
4. Developers can customize the page easily, with extensive metadata support for different file types, or scrap the functionality to have simple pages.

Milestone 4 - Build the NFT gallery

1. Output: A fully functional, customizable NFT gallery page with HTML, CSS, and JS.
2. Outcomes:
3. Developers now have a fully featured open-source NFT gallery they can easily integrate into their projects.
4. Developers can customize the page easily, build any custom page for NFT displays such as NFT collections, NFTs in a wallet, my favorite NFTs.

[RESOURCES & VALUE FOR MONEY] Please provide a detailed budget breakdown of the proposed work and resources.

As a team we will set aside 1 day each every week, meaning 8 hours of work for 4 people or 32 hours total. Rating that work at 25 USD/hr that is 800 USD per week.

We estimate the project will last about 14 weeks, but development is always fraught with unknowns and time estimates usually take much longer. There is also the risk of ADA/USD price volatility, which may impact our budget dramatically.

That’s why to include potential setbacks and unknowable risks, we’ve extended the project timeline to 20 weeks. So including those risks the budget for the project is 16,000 USD for 20 weeks of 32 hours of development work.

We don’t expect any additional costs for this project due to the nature of it.

At the time of submission ADA/USD is 0.29 parity, so our budget is: 16,000/0.29 = 55172 ADA

[RESOURCES & VALUE FOR MONEY] How does the cost of the project represent value for money for the Cardano ecosystem?

For just about 0.64% of the challenge budget, about 16,000 USD, this proposal offers a quick and easy way for developers to get started building cNFT projects on Cardano. This is an open source library that solves a problem that no other existing library on github solves.

[IMPORTANT NOTE] The Applicant agreed to Fund10 rules and also that data in the Submission Form and other data provided by the project team during the course of the project will be publicly available.

I Accept