Skip to content

Commit

Permalink
Merge pull request #12 from MartifyLabs/bug-fixes
Browse files Browse the repository at this point in the history
Release 1.0.0
  • Loading branch information
abdelkrimdev authored Sep 23, 2022
2 parents 41dd8e2 + e3cc94d commit 53f558a
Show file tree
Hide file tree
Showing 43 changed files with 1,497 additions and 273 deletions.
2 changes: 0 additions & 2 deletions CONTRIBUTING.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,3 @@
Thank you for investing your time in contributing to this project! Any contribution you make will help you write reusable codes for your application and build up Cardano development space as a whole. :sparkles:.

Read our [Code of Conduct](./CODE_OF_CONDUCT.md) to keep our community approachable and respectable.

In this guide you will get an overview of the contribution workflow from opening an issue, creating a PR, reviewing, and merging the PR.
16 changes: 7 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
![Mesh Logo](https://mesh.martify.io/favicon/apple-touch-icon.png)
![Mesh Logo](https://mesh.martify.io/logo-mesh/mesh.png)

# Mesh

> An open-source library to advance Web3 development on Cardano
Mesh is an open-source library to make building dApps accessible. Whether Web3 application or minting a NFT collection; Mesh will alleviate many problems from getting started, to building the most advance product you can imagine.
Mesh is an open-source library to make building dApps accessible. Whether you're a beginner developer, startup, web3 market leader, or a large enterprise, Mesh makes web3 development easy with reliable, scalable, and well-engineered APIs & developer tools.

Explore the features on [Mesh Playground](https://mesh.martify.io/).

Expand All @@ -22,8 +18,10 @@ Explore the features on [Mesh Playground](https://mesh.martify.io/).
- Integrates with Cardano projects - Koios, Blockfrost, ADA Handle (and more), you pick what you want to use for your app
- Well documented - We focus on documentation so you can use it, our [Playground](https://mesh.martify.io/) is built so you can see how it works

[Find out more](https://mesh.martify.io/about)

## How can you contribute?

- star the [Github repo](https://github.com/MartifyLabs/mesh) and tell others about Mesh
- try Mesh by implementing your Web 3.0 project
- documentations and guides write up
- Build something - try Mesh by implementing your Web 3.0 project (recommended [starter guide](https://mesh.martify.io/guides/nextjs))
- Inform others - Tell others about Mesh, and star the [Github repo](https://github.com/MartifyLabs/mesh) :star:
- Write ups - documentations and guides
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@
"license": "Apache-2.0",
"private": true,
"scripts": {
"bootstrap": "yarn install && yarn lerna bootstrap",
"start:demo": "lerna exec --scope @workspace/playground -- yarn dev",
"start:module": "lerna exec --scope @martifylabs/mesh -- yarn dev",
"build": "lerna link && yarn build:module && yarn build:demo",
"build:demo": "lerna exec --scope @workspace/playground -- yarn build",
"build:module": "lerna exec --scope @martifylabs/mesh -- yarn build",
"bootstrap": "yarn install && yarn lerna bootstrap"
"build:module": "lerna exec --scope @martifylabs/mesh -- yarn build"
},
"devDependencies": {
"@types/jest": "28.1.6",
Expand Down
202 changes: 202 additions & 0 deletions packages/demo/components/pages/about/faq.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
import Link from 'next/link';

export default function AboutFaq() {
return (
<section className="bg-white dark:bg-gray-900">
<div className="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6">
<div className="mx-auto max-w-screen-lg text-center">
<h2 className="mb-2 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">
Information and Questions
</h2>
<p className="mb-8 text-gray-500 lg:text-lg dark:text-gray-400">
Ask us anything on our{' '}
<a
href="https://discord.gg/Z6AH9dahdH"
rel="noreferrer"
className="link"
target="_blank"
>
Discord server
</a>
</p>
</div>

<div className="grid pt-8 text-left border-t border-gray-200 dark:border-gray-700 sm:gap-8 lg:gap-16 sm:grid-cols-2 lg:grid-cols-3">
<div>
<Item
header={`Why Mesh?`}
body={
<>
<p>
The word "
<a
href="https://dictionary.cambridge.org/dictionary/english/mesh"
rel="noreferrer"
className="link"
target="_blank"
>
Mesh
</a>
" is defined as:{' '}
</p>
<ul>
<li>
<i>
when different things or people mesh, they suit each
other or work well together
</i>
</li>
<li>
<i>
(of two or more things) to fit together or be suitable
for each other
</i>
</li>
</ul>
<p>
Like a well-woven fabric, Mesh connects business goals with
technology stacks. It enables developers (<i>resource</i>)
to build applications (<i>product</i>) according to project
requirements (<i>business</i>) on the blockchain (
<i>technology</i>). Mesh is filling the gap by making
product development accessible on Cardano.
</p>
<p>
Whether you're a new developer, startup, Web3 market leader,
or a large enterprise, Mesh makes Web3 development easy with
reliable, scalable, and well-engineered APIs & developer
tools.
</p>
</>
}
/>
</div>
<div>
<Item
header="Is Mesh open source and open for contributions?"
body={
<>
<p>
Yes, Mesh is open source, and we welcome all contributions.
Developers, businesses, and writers can contribute in
various ways. You can write, test, or review the codes; you
can create your project and design your product to use Mesh;
you can improve or write new documentation and guides to
help other builders; you can also provide feedback, ideas,
improvements, and feature requests.
</p>
<p>
Connect and chat with us at our{' '}
<a
href="https://discord.gg/Z6AH9dahdH"
rel="noreferrer"
className="link"
target="_blank"
>
Discord server
</a>{' '}
or email us at{' '}
<a
href="mailto:[email protected]"
rel="noreferrer"
className="link"
target="_blank"
>
[email protected]
</a>
.
</p>
</>
}
/>
</div>
<div>
<Item
header="Who are behind Mesh?"
body={
<>
<p>
Mesh has been created and is continuously developed by{' '}
<a
href="https://martify.io/"
rel="noreferrer"
className="link"
target="_blank"
>
Martify Labs
</a>
. We build intuitive and well-engineered tools and services
for creators and companies who plan to develop on Cardano.
</p>
<p>
As Mesh is open source, the people in the Cardano
development community are a part of this journey. We look
forward to more developers and writers joining us to develop
this fantastic tool further. The users of Cardano
applications are also a part of Mesh, as they make it
possible for developers to build, adapt and improve current
and future applications.
</p>
</>
}
/>
<Item
header="About this Playground"
body={
<>
<p>
Mesh playground is an interactive tool which allows you to
explore Mesh's features. Most APIs are interactive, where
you can modify the inputs and see how to use the code in
your project.
</p>
<p>
This website is build with{' '}
<a
href="https://nextjs.org/"
rel="noreferrer"
className="link"
target="_blank"
>
Next.js
</a>{' '}
and designed with{' '}
<a
href="https://flowbite.com/"
rel="noreferrer"
className="link"
target="_blank"
>
Flowbite
</a>
. If you wish to build a site like this, we have a{' '}
<a
href="https://mesh.martify.io/guides/nextjs"
rel="noreferrer"
className="link"
target="_blank"
>
guide
</a>{' '}
for you to get started.
</p>
</>
}
/>
</div>
</div>
</div>
</section>
);
}

function Item({ header, body }) {
return (
<div className="mb-10 format">
<h3 className="mb-4 text-lg font-medium text-gray-900 dark:text-white">
{header}
</h3>
<div className="text-gray-500 dark:text-gray-400">{body}</div>
</div>
);
}
86 changes: 86 additions & 0 deletions packages/demo/components/pages/about/hero.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
import { ArrowRightIcon } from '@heroicons/react/24/solid';
import Link from 'next/link';

export default function AboutHero() {
return (
<section className="bg-[url('/about/road-g5604c4b4e_1280.jpg')] bg-no-repeat bg-cover bg-center bg-gray-700 bg-blend-multiply ">
<div className="relative py-8 px-4 mx-auto max-w-screen-xl text-white lg:py-16 z-1">
<div className="mb-6 max-w-screen-lg lg:mb-0">
<h1 className="mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl lg:text-6xl">
We advance Cardano's tech stack
</h1>
<p className="mb-6 font-light text-gray-400 lg:mb-8 md:text-lg lg:text-xl">
Get started building blockchain applications with our
enterprise-ready, well engineered, and professionally designed SDK,
Mesh. With over 20+ components crafted ready for Vasil and many more
in the pipeline, building a Web 3.0 application has never been this
easy. At Martify, we don't just build tools that work, we ensure
they are optimized and beneficial to a wide array of applications.
</p>
<a
href="https://discord.gg/Z6AH9dahdH"
rel="noreferrer"
className="inline-flex items-center py-3 px-5 font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
>
Learn more about the plan
<ArrowRightIcon className="ml-2 -mr-1 w-5 h-5" />
</a>
</div>
<div className="grid gap-8 pt-8 lg:pt-12 mt-8 lg:mt-12 border-t border-gray-600 sm:grid-cols-2 lg:grid-cols-4">
<div>
<h2 className="mb-1 text-lg font-bold">Version 1.0</h2>
<p className="mb-1 text-sm text-gray-400">
We intend to release Mesh 1.0 on 22 Sept
</p>
{/* <a
href="#"
className="inline-flex items-center text-sm font-semibold text-primary-500 hover:underline"
>
Read more
<ArrowRightIcon className="ml-1 w-5 h-5" />
</a> */}
</div>
{/* <div>
<h2 className="mb-1 text-lg font-bold">Minting is ready</h2>
<p className="mb-1 text-sm text-gray-400">
Flowbite aims to achieve net-zero emissions
</p>
<a
href="#"
className="inline-flex items-center text-sm font-semibold text-primary-500 hover:underline"
>
Read more
<ArrowRightIcon className="ml-1 w-5 h-5" />
</a>
</div>
<div>
<h2 className="mb-1 text-lg font-bold">Embedded wallet</h2>
<p className="mb-1 text-sm text-gray-400">
Embedded wallet can generate keys and import CLI wallets
</p>
<a
href="#"
className="inline-flex items-center text-sm font-semibold text-primary-500 hover:underline"
>
Read more
<ArrowRightIcon className="ml-1 w-5 h-5" />
</a>
</div>
<div>
<h2 className="mb-1 text-lg font-bold">2022 plans</h2>
<p className="mb-1 text-sm text-gray-400">
Investing in the future of Africa
</p>
<a
href="#"
className="inline-flex items-center text-sm font-semibold text-primary-500 hover:underline"
>
Read more
<ArrowRightIcon className="ml-1 w-5 h-5" />
</a>
</div> */}
</div>
</div>
</section>
);
}
11 changes: 11 additions & 0 deletions packages/demo/components/pages/about/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import AboutFaq from './faq';
import AboutHero from './hero';

export default function About() {
return (
<>
<AboutHero />
<AboutFaq />
</>
);
}
Original file line number Diff line number Diff line change
Expand Up @@ -42,9 +42,14 @@ function Left() {
}

function Right() {
const { hasAvailableWallets } = useWallet();
return (
<Card>
<ConnectCipWallet />
</Card>
<>
{hasAvailableWallets && (
<Card>
<ConnectCipWallet />
</Card>
)}
</>
);
}
Loading

1 comment on commit 53f558a

@vercel
Copy link

@vercel vercel bot commented on 53f558a Sep 23, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.