Last updated 8 months ago
Almost every Cardano software project rewrite the same html and css to show the same on-chain data – reinventing the wheel every time! This slows down development & makes rapid prototyping impossible.
A set of professionally designed, expertly built Cardano and Catalyst-specific components to accelerate app development: The perfect starting point for your next great Cardano project or prototype!
This is the total amount allocated to Cardano Component UI Library [by Lido Nation].
Please provide your proposal title
Cardano Component UI Library [by Lido Nation]
Enter the amount of funding you are requesting in ADA
68000
Please specify how many months you expect your project to last
10
Please indicate if your proposal has been auto-translated
No
Original Language
en
What is the problem you want to solve?
Almost every Cardano software project rewrite the same html and css to show the same on-chain data – reinventing the wheel every time! This slows down development & makes rapid prototyping impossible.
Does your project have any dependencies on other organizations, technical or otherwise?
No
Describe any dependencies or write 'No dependencies'
No dependencies
Will your project's outputs be fully open source?
Yes
License and Additional Information
The code will be made public and open source under Apache-2.0 license. www.cardanoui.dev will be available for free to the entire community.
Please choose the most relevant theme and tag related to the outcomes of your proposal
Developer Tools
Mention your open source license and describe your open source license rationale.
We’ve chosen to go with the Apache-2.0 license because it was the license type most cardano open source code base include many of the core libraries uses. According to our AI friends, the Apache-2.0 license “is a permissive license, with allowance for, modification, and distribution, including commercial use, with minimal restrictions.”
How do you make sure your source code is accessible to the public from project start, and people are informed?
From day one the code will live both on github.com and our own gitlab instance.
Lido has a big reach both online and offline. We will use our website, social media channels and offline communication channels to let developers know.
The resource will also be listed on the CF’s community managed repo.
How will you provide high quality documentation?
We have the fortune of building a project that itself is a documentation project. This is not a code base you run or install. The site will be an index and wizard of all components, using a component is just a matter of copying and pasting from the site to your code.
Please describe your proposed solution and how it addresses the problem
The Lido Nation crew is well known for education, catalyst tooling (www.catalystexplorer.com ) and most recently voltaire tooling (https://ww.1694.io ). For each of these systems we’ve built, we’ve faced the same challenge: creating basic ui for common Cardano things:
The Lido Nation crew is not alone in this. Every dex, aggregator, NFT marketplace, minter all show the same information with each team having to rewrite the same boilerplate html every time.
The big idea.
What if there were dozens of plug and play components you could simply grab, throw into your code, and customize? That’s the idea! We propose to build a high-quality ada-compliant component library designed by professional UI/UX experts, implemented by the Lido Nation crew.
Not another npm package
Note, this is not another framework. This is not another npm package. We’re proposing a website you can go to, see a list of Cardano ui elements, pick the one you’re looking for, copy and paste directly into your code, and customize. Once you copy and paste your component, you own it, you get to customize it and evolve according to the specific needs of your application.
No more css !import override hell.
What Cardano UI elements.
Inspired by our work with Intersect and our participation in the Catalyst Working Group event in Nairobi, we will first hold a series of community workshops to narrow down the list of UI elements. You can expect these basic elements atop of what the working groups come up with:
Please define the positive impact your project will have on the wider Cardano community
Having a list of Cardano-specific ui components to copy and paste will save developers and companies hundreds of hours. It will reduce writing and rewriting boilerplate code every time. It will save companies and teams hundreds of thousands of ada if widely adopted and used. Rapidly prototyping will become even more rapid!
Since it’s not a framework or package to install, we will be able to measure the impact by:
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?
The Lido Nation team has delivered 13 Project Catalyst projects, and is fully invested and involved in the community, at both virtual and in-person events. Darlington is a Cardano Ambassador and a full-stack Software and DevOps Engineer with experience running his own company.
Darlington is a full-stack Software and DevOps Engineer with experience running his own company.
Milestone Title
Milestone 1
Milestone Outputs
The big idea is to bootstrap the code base and get alignment on what specific component we should build by working with Intersect's open source office:
Acceptance Criteria
Evidence of Completion
Delivery Month
2
Cost
12000
Progress
20 %
Milestone Title
Milestone 2
Milestone Outputs
The big idea is to take the alignment provided from milestone 1 and start cooking. By end of this milestone we should have:
Output:
Acceptance Criteria
Evidence of Completion
This is a simple straitforward project with all the proofs in the pudding. Evidence completion will be live on the newly launched wwwcardanoui.dev.
Delivery Month
4
Cost
12000
Progress
40 %
Milestone Title
Milestone 3
Milestone Outputs
Milestone 3 is more of the same as milestone 2 but with a lot more components delivered. At this stage we're also hoping to have received feedback and finalize the developer ergonomics
Acceptance Criteria
When the milestone is completed, the public will be able to visit https://www.cardanoui.dev and see 25 components ready for copy-pasting. The exact components will be determined from our conversations and workshops.
Evidence of Completion
This is a simple straightforward project with all the proofs in the pudding. Evidence completion will be live on the newly launched wwwcardanoui.dev.
Delivery Month
7
Cost
22000
Progress
70 %
Milestone Title
Final Milestone
Milestone Outputs
The big idea is to reach stable release and celebrate a job well done
Acceptance Criteria
Evidence of Completion
All 50 components will be live on the newly launched wwwcardanoui.dev.
Closeout pdf report will be distributed via a public google drive folder
Closeout video will be published to lido nation youtube channel.
Delivery Month
10
Cost
22000
Progress
100 %
Please provide a cost breakdown of the proposed work and resources
How does the cost of the project represent value for the Cardano ecosystem?
cardanoui.dev is poised to have a significant positive impact on the Cardano community by addressing a common pain point for developers: the repeated creation of basic user interface (UI) elements for Cardano-based DApps. Here's how this project could be beneficial:
Efficiency and Cost Savings: By providing a library of reusable UI components, developers can drastically reduce the time and resources needed to build and prototype Cardano applications.
Enhanced Innovation: With easier access to standard components, developers can focus more on creating innovative solutions rather than dealing with repetitive UI coding.
Consistency and Quality: The involvement of professional UI/UX experts in designing these components ensures that they are not only functional but also aesthetically pleasing and user-friendly. This can improve the overall quality and user experience of Cardano applications, making them more appealing to end-users.
Community Engagement and Collaboration: The project plans to involve the community in deciding which components to develop through workshops and feedback sessions. This engagement can enhance community collaboration and ensure that the tools developed are genuinely useful and desired by the community.
Accessibility and Customization: Since the components are designed to be easily integrated and customized, developers have the flexibility to adapt them to their specific needs. This makes it easier for a wide range of projects to benefit from the library, regardless of their scale or specific requirements.
Measurement of Impact: The project's impact can be directly measured through user engagement metrics and community growth indicators:
Web metrics as indicator of the components being used
More developer contribution to the project
cardanoui.dev could serve as a foundational tool that empowers developers, enhances the quality of Cardano-based applications, and fosters a more collaborative and innovative ecosystem within the Cardano community.
Terms and Conditions:
Yes
We are Cardano enthusiasts and a growing collective of dreamers who believe in providing insightful education about Cardano in plain English, Swahili, and Spanish. Most online blockchain content is written by and for developers and finance geeks. We break down complicated technical ideas for everyday people, and provide relevant news in quick bites, and build tools that everyone can use.
Our website is a resource for anyone who wants to learn what Cardano is, why they should care, and how they can participate. We want to make these resources accessible to as many people as possible.
Darlington is an engineer by day and at all times a dancer, humanitarian, idealist and entrepreneur. Darlington has deep knowledge about blockchain technology and broad experience in the Cardano ecosystem.
https://www.linkedin.com/company/lido-nation
**Darlington Wleh: **Co-Dreamer at Lido Nation
Co-Founder of Lido Nation.
Senior Developer.
Blockchain writer & Educator.
Cardano Ambassador.
https://www.linkedin.com/in/profd2004
https://twitter.com/LidoNation
Emmanuel Titi: Nairobi Blockchain Lab Junior Developer Lead.
Titi has been on the Lido Developer team at the Ngong Road Blockchain Lab in Nairobi Kenya. Titi leads and manages an ever-changing staff of junior developers who come through our mentorship program to learn about Cardano, skill up on Web3 development, and contribute to active projects.