(Open Source) Token Gating Template and Developer-SDK

[GENERAL] Name and surname of main applicant

[GENERAL] Are you delivering this project as an individual or as an entity (whether formally incorporated or not)

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

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

[GENERAL] Summarize your solution to the problem (200-character limit including spaces)

Develop an open source Template, wich can be launched in minutes, even by new to cardano and unexperienced developers.

Meanwhile also offering a NPM package for easy integration into existing projects

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

[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.”

No dependencies

[GENERAL] Will your project’s output/s be fully open source?

[GENERAL] Please provide here more information on the open source status of your project outputs

We will deliver unter the MIT License

[SOLUTION] Please describe your proposed solution.

This project enables users to connect their cardano wallets to verify them with a backend service.

This allows the project to control access to specific website sections. For examlple the merch shop, community features, or project updates.

Such access restriction is a common need for many projects and building it requires either a knowledgable developer or to outsource that part. Both can be costly, time consuming and pose as a entry barrier for smaller projects.

Other chains offer ready made solutions and integrations and while there exist a good Wordpress plugin, many projects can not use that solution as they use a different tech stack.

Therefore this projects goal is twofold:

1. Offer a ready made template in React (frontend) with complete wallet connection and authentication flow and token gated sites. Including both a Node.js and Firebase Functions backend for authentication and access control as a backend
2. Easy to use npm frontend and backend package for integration into existing projects

This setup therefore offers both usage as a template for launching new projects quickly and give a well documented example on how one can approach similar projects and an npm package to quickly integrate token access into existing websites, without tedious copy pasting of code.

Both versions will offer the same functionality.

Enabeling to restric access based on a set of criteria, such as owning NFTs, meeting minimum transaction thresholds, or holding a certain amount of Tokens/ADA.

We're developing the whole project as open-source using React for the frontend and Typescript (Node.js and Firebase Functions) for the backend examples. In addition the npm package will be usable in any Javascript/Typescript project. This aims to solve the problem for a wide variety of use-cases and tech stacks.

This goal therefore simplifies the process for projects and communities interested in token gating website sections or offering exclusive content to their community.

Meanwhile it can be used as a form of standard on how to do a secure authentication flow with cardano.

[IMPACT] Please define the positive impact your project will have on the wider Cardano community.

The main advantages are

• Launching projects within the Cardano ecosystem becomes simpler

• Speed up development time for new ventures

• Effortlessly integrate into current websites to offer enhanced features to the community

• No reliance on costly third-party solutions.

While this is the short explanation why this project is useful we have to keep in mind, that the current focus of the cardano community into gaming and real-world tokenisation, most likely will bring both new users and developers, outside of the web3 into our community.

Therefore having a solid ecosystem and reference for new developers is a strong advantage to ensure the adoption of cardano.

[CAPABILITY & FEASIBILITY] What is your capability to deliver your project with high levels of trust and accountability? How do you intend to validate if your approach is feasible?

My previous experience includes working on several Cardano projects, where I have been involved in various tasks from developing authentication flows for projects like HHMC to creating custom solutions for large-scale NFT projects and NMKR.

In addition, I am also the developer for Whiskees NFTs, and will release an Open Source Voting System for everybody to use (even though it was not funded)

Outside of the Cardano ecosystem, I work as a freelance developer, working on a variety of web and app projects. This has allowed me to gain practical experience in real-world development and needs.

[Project Milestones] What are the key milestones you need to achieve in order to complete your project successfully?

Planning and Design phase

• UI/UX Design
• Frontend, including
• Wallet connection
• Tokengated content
• Example landing page

• Project setup
• Development tasks
• Initial structure of
• Backend
• Frontend
• NPM package

Development phase

• Building working Project as template
• Backend (Node.js/Firebase...)
• Frontend(React)

• Build npm package for easy integration

• Create extended documentation for:
• Template
• Integration
• Process of authentication and wallet integration

Deliver an Open Source repository and fix potential problems or improve based on feedback

Including

• Frontend example
• Backend example
• NPM package

[RESOURCES] Who is in the project team and what are their roles?

Sandro Schaier - Developer

I will develop the whole project and focus on a good developer experience for the users.

[BUDGET & COSTS] Please provide a cost breakdown of the proposed work and resources.

Milestone 1: 15k

Project setup, mockups in addition tasklists for development

Milestone 2: 40k

Development of the end-product. This includes the Frontend and Backend code, alongside the npm package. Furthermore writing of a detailed documentation

Finalisations and ongoing fixes: 15k

This will offer the possibility for further maintanace, potential wallet api updates and support for new users, developers and projects

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

Encourage new developers to build on the cardano ecosystem

Standardised features available on other chains, which should be also accessible to developers and projects on cardano

By streamlining project launches within the Cardano ecosystem, it encourages new developers to join and contribute.

Simplified processes and accessible tools lower the barriers for entry, fostering a growing community of developers exploring the Cardano platform.

Additionally, the standardized examples offered, which are commonly available on other blockchain networks, become accessible to developers and projects specifically within the Cardano ecosystem.

This enables a more consistent and familiar development environment, helping developers to leverage proven functionalities and implement them seamlessly within their Cardano-based projects.

The price is based on the usual german development market rate

[IMPORTANT NOTE] The Applicant agrees to Fund 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.