Bridge: The bridge from web2 to web3 for dev.to users
Tags: appwritehack
Published: 2022-05-04 14:15:32

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
[Bridge](https://github.com/skyf0cker/bridge) is a tool i developed during the hackathon hosted by appwrite and dev.to.
This tool provide the ability that let users sync their articles, posts to the permanent storage on Arweave network.
By syncing the articles, no one even platform like dev.to cannot change their content, delete them, or let them just cannot be accessed. And the content we create usually cost our lot of time to make it easy to be understood by others. We hope what we post can help others and enpower others. At the meanwhile, If we can get the sponor of what we create, it will greatly encourage us to create more better content. This is a positive cycle. Future with bridge, content creator can also get more income by arweave pst token which supported by arweave and bridge (which wait to be implemented).

### 🚀 That's why i want to make `Bridge`

Arweave is a blockchain that apply permanent storage and it supports the smartweave like smart contract in ethernum. You can do lots of things by its ability.


👋 Sooo, Next is the Bridge coming~

bridge frontend repo: https://github.com/skyf0cker/bridge
The frontend is using Vue3 and ant-design-vue to build. It can connect with [Arconnect Wallet](https://www.arconnect.io/) and verify our dev.to account. User can use bridge to get what they post on dev.to and sync it to the arweave network with only one-click.

bridge backend repo: https://github.com/skyf0cker/bridge-appwrite
backend of bridge is using appwrite to build. I use the cloud function to get the user's articles, verify user's account and storage the user's sync info.


### Submission Category: 

🔮 Web3 Wunderkinds

### Link to Code

🚀 bridge frontend:
{% embed https://github.com/skyf0cker/bridge %}

🚀 bridge cloud functions:
{% embed https://github.com/skyf0cker/bridge-appwrite %}


### Additional Resources / Info
This is my first time to join into a hackathon. It's a really amazing experience. I did all these stuffs by myself and it was a really tired trip, hahah.
During the hackathon, i learn lots of things and sharpen my develop skills. At the meanwhile, i communicate with other friendly guys in appwrite discord channel. They are really nice and helped me a lot.
We talked about the usage of appwrite and even found some points can improve (already in the progress)

![discussion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxrm7yipkvskjqwt7o23.png)

Anyway, this is really a amazing experience. Thanks everybody.
 
### Tech Stack
- Vue3
- ant-design-vue
- Arconnect
- Appwrite (cloud function and storage)
- Arweave (storage)
- node.js

### screenshots
![Home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yltwublbcbzreaoqu1q2.png)
 
 
![Login](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jq8x6un3us24tskrmepr.png)

![Connect Wallet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t02hm6ofh64v0yhdz4zz.png)
 
![Verify Account](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5u7mw1rit1ysase4c8c0.png)

![Get Articles](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2b4bgdpvaw4ycv7ls14l.png)
 
![Sync Articles](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zf4yg17t0oe5lf9zhl6m.png)
 
 ![Viewblock](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/60a9yfguon585ziy7yp8.png)