Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

EveryApp.Net #8

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added img/app.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 43 additions & 0 deletions img/app.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
137 changes: 137 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en" >

<head>
<meta charset="UTF-8">
<title>EveryApp : The Decentralized App Store</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/img/app.png">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>

<link rel="stylesheet" href="./style.css">


</head>

<body>

<div class="wrapper">
<div class="content">
<div class="content-wrapper">

<div class="date-indicators">
<div class="date">
RECENTLY ADDED
</div>
<div class="day" id="filterTitle">
All Apps
</div>
</div>

<div class="grid-container" id="apps">





</div>
</div>
</div>
<div class="footer-menu">
<div class="menu today active" onclick="getApps('all');">All</div>
<div class="menu game" onclick="getApps('apk');">Android</div>
<div class="menu apps" onclick="getApps('crx');">Chrome</div>
<div class="menu updates" onclick="getApps('xpi');">Firefox</div>
<div class="menu upload upload-button">Upload</div>
</div>

</div>


<div class="content-modal" id="content-modal">
<div class="modal-body">
<div class="header">
<div class="label">
<div class="upper-headline">Android</div>
<div class="headline">
Facebook Messenger v3.1
</div>

</div>
<div class="icon">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
</div>
<div class="body-content">
<img src="https://cdn0.tnwcdn.com/wp-content/blogs.dir/1/files/2018/11/Facebook-Messenger-hed.jpg" style="width: 100%; max-height: 240px; object-fit: cover;" />
<div>
Thanks for checking out this demo of upcoming App Store for iPad (which is in beta as of writing this demo. Thanks for checking out this demo of upcoming App Store for iPad (which is in beta as of writing this demo. Thanks for checking out this demo of upcoming App Store for iPad (which is in beta as of writing this demo.
</div>
<!--
<div>
<b>File Size:</b> 64 KB
</div>-->

<!-- Download button: -->
<div class="download-button-wrapper">
<button class="download-btn btn">
<i class="fa fa-download"></i>
<span>Download</span>
</button>
</div>

</div>
</div>
</div>


<div class="content-modal upload-modal" id="upload-modal">
<div class="modal-body">
<div class="header">
<div class="label">
<div class="upper-headline">App Store</div>
<div class="headline">
Upload An App
</div>
</div>
<div class="icon">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
</div>
<div class="body-content">
<div>
<form action='#' onsubmit="return false;">
<label> Wallet: </label> <input type='file' id='walletUpload' accept=".json" /><br />
<label> App Name: </label> <input type='text' name="name" id="title" style="width: 70%" /> <br />
<label> Description: </label> <textarea name="description" id="description" style="width: 70%;"></textarea> <br />
<label> App File: </label> <input type='file' name="appfile" id="appfile" accept=".apk,.ipa,.crx,.xpi" /><br />
<label> App Image: </label> <input type='file' name="appimage" id="appimage" accept=".jpeg,.png,.jpg,.gif" /><br />
<input type='button' id='btnLoad' value='Upload' onclick='upload();'>
</form>
</div>


</div>
</div>
</div>


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>

<!-- Arweave.JS -->
<script src="https://unpkg.com/arweave/bundles/web.bundle.min.js"></script>
<!-- IPFS -->
<script src="https://unpkg.com/ipfs-http-client/dist/index.min.js"></script>
<!-- IPFS + Buffer -->
<script src="https://npmcdn.com/ipfs-api/dist/index.js"></script>
<!-- Main App -->
<script src="./script.js"></script>



</body>

</html>
84 changes: 14 additions & 70 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,77 +1,21 @@
# **Arweave’s Perpetual Open Web Hackathon**
## Project Name
EveryApp

## **Introduction**
**LIVE DEMO:** [https://everyapp.net](https://everyapp.net)

Welcome to the perpetual, open permaweb hackathon!
![screenshot](https://i.imgur.com/WndUkNC.png)

At Arweave we firmly believe that the future of the [new web should be open source](https://medium.com/@arweave/towards-an-open-source-web-9ffe201fc044) for the benefit of users and developers alike. We want to help make this a reality, so we’re rewarding developers like yourself for building open source dApps on the permaweb!
## Project Summary
EveryApp is a decentralized app store built on the Arweave Blockchain. It currently supports:

The Arweave itself is a global, permanent hard drive. The permaweb is a decentralised, immutable web built on top of the Arweave. Permaweb apps are built using normal web technologies — HTML, CSS, and Javascript — but are deployed to Arweave’s on-chain storage system, making them permanent and available in a fast, decentralised manner. You can get started and deploy a permaweb app in 2 minutes or less.
- Android apps
- Chromium apps
- FireFox apps

**Time investment:** One afternoon to one weekend.

**Rewards:**
## Project Team

**Basic:** $50 in ETH + 200 AR
A simple application with functional features and a basic UI and styling, hosted on the permaweb.

**Advanced:** $250 in ETH + 500 AR
A dynamic and interactive web application that is hosted on the permaweb, along with ideas that contribute added functionality to the permaweb eco system. For examples: [Arweave API explorer](https://arweave.net/LHff4F45o7ipDqjoePG0PDG5BD2hLD8xf17OBg4FjRE) & [ArweaveID](https://arweave.net/fGUdNmXFmflBMGI2f9vD7KzsrAc1s1USQgQLgAVT0W0). Ideas that resemble or improve on popular web applications such as [AskWeave](https://arweave.net/HhIjOjxgHYXJU5RVjRYfAR017vbZdujbCSlaA8NQ20U) & [Scribe](https://arweave.net/VOKAC_SYiUzbJrEaIY5SEBh1pf0bGQOd8c7G68nzet4#/) are also encouraged, and all applications must include a UI with basic styling.

**Store the UI for an existing dApp** on the permaweb: $100 in ETH + 300 AR

If you’re unsure of which category your application fits into, [head over to our Discord server](https://discord.gg/VxJ3xsm) where both Arweave team members and the wider Arweave developer community can help guide you with your submission ideas!

## **Resources**

You can find the docs for getting started deploying your first permaweb app [here](https://docs.arweave.org/developers/tools/arweave-deploy).

The docs for the JS library that allows you to read from and write to the permaweb are [here](https://github.com/ArweaveTeam/arweave-js).

Check out some sample apps on ArweaveApps -- served right from the permaweb itself: [](https://arweave.net/35IFq9BcIgpSPti9YDYDiaQy4wMfMIKZ25t7hHZrhek)

We’re providing some free tokens so you can get started building and deploying - grab your wallet [here](https://tokens.arweave.org/#/wallet). For guidance on how to use the Chrome web extension wallet, check out [this user guide](https://docs.arweave.org/info/wallets/arweave-web-extension-wallet).

## **Rules**

We want to let you get started building your app without delay, so ideas for submissions are automatically approved. However, **only submissions that meet the reward criteria outlined below will receive a reward** - so please make sure you review them carefully and make sure your app complies with them.

If we notice that your submission is unlikely to meet the reward criteria, we will try and let you know in advance, and are happy to offer guidance on how to tweak your idea to fit this guidance. [Holla at us](https://discord.gg/VxJ3xsm) on Discord!

### **Successful submissions will meet the following criteria:**

- Submissions must be **your own original work**, and must be **unique or substantially different** from other permaweb applications or submissions to this hackathon.
- We are happy to accept forks of other applications, but the featureset must be substantially different or significantly expanded in the forked version.
- Apps must be **open source, with the full source code available on Github or another open code hosting repository**. Feel free to use whatever OSS licence you prefer.
- Applications should be **sufficiently complex**, as judged by the core Arweave team. For example, a simple ‘hello world’ app is not complex enough to receive a reward. Broken/non-functional submissions will also be rejected. You should aim for a minimal viable product that an end-user could reasonably start to use.
- Your submission must **include a link to a live, functioning, and running instance of the app itself, as well as a link to the repository** it is stored within. It must also be published to ArweaveApps (see the submission process below)
- All applicants must **[join our Discord Dev server](https://discord.gg/VxJ3xsm)** and share your submission in the #on-the-arweave channel upon completion
- All submissions must include a **brief description** of the application and functionality in the GitHub repo
- When you submit your work, please state whether you wish to be judged in the _Basic_ or _Advanced_ Category

If you wish to submit **more than two** submissions, you are required to [get approval](https://discord.gg/VxJ3xsm) from us before you are eligible to start a 3rd submission.

## **Reward details**

- We are currently offering rewards for up to 500 successful submissions in this hackathon
- The value of ETH to USD will be pegged at the time of transfer, which follows successful submission and provision of recipients’ ETH and AR addresses.
- Only submissions which are judged by the core Arweave team to meet all of the submission criteria will receive the rewards

## **The submission process**

- Click ‘Start Work’, and you will be automatically accepted so you can start hacking right away.
- Please note, submissions will only receive a reward if they successfully meet the submission criteria listed above. If you have questions, please drop a comment below and we’ll be happy to help.
- Hack! Join us our tech Discord if you have any questions!
- Publish your app to [ArweaveApps](https://arweave.net/35IFq9BcIgpSPti9YDYDiaQy4wMfMIKZ25t7hHZrhek). Also, submit a comment to the GitHub issue for the hackathon campaign [here](https://github.com/ArweaveTeam/Bounties/issues/1), containing a link to your app’s repository, and a link to the live, running version of your app on the permaweb. You can generate a permaweb URL for the app by appending the transaction ID to this gateway link: [https://arweave.net/](https://arweave.net/)
- If you wish to submit more than one project, you will not be able to do so via GitCoin. In this case, you can submit an application by posting your build in the GitHub issue and provide a link to the live deployed app. We also recommend pitching your idea for additional submissions to arweave-sophie on [Discord](https://discord.gg/VxJ3xsm) before starting work.
- If your app meets the reward criteria defined above, we will release the reward!

## **App ideas**

This bounty allows you to build whatever app you like on top of the Arweave’s permaweb, but here are some ideas to get you started:

- Weavelist: A public mailing list and discussion app, similar to weavemail.app except open and unencrypted.
- WeaveDirectory: An index of weavemail.app users allowing short bios to help people find community members to chat to.
- ShowerThoughts: Submit short, interesting ideas to the permaweb, never to be forgotten.

Remember, we’d love you to join us on our developers’ [Discord server](https://discord.gg/VxJ3xsm) to chat, and get feedback and assistance with building!
* **Name:** Seena Zandipour
* **Email:** craze3@gmail.com
* **Ethereum Address:** 0x5A0f2C1d8E563db79Ee40F979F6bcD0d27f86f80
* **Role:** CEO, Full-Stack Developer, Solidity Developer, Designer
Loading