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.

Sign up for GitHub

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

Jump to bottom

Create apps-wallet-mobile.md #1878

Closed
wants to merge 1 commit into from
Closed

Create apps-wallet-mobile.md #1878

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
203 changes: 203 additions & 0 deletions applications/apps-wallet-mobile.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,203 @@
# Smartphone Friendly Polkadot Apps Wallet

- **Team Name:** Slonigiraf
- **Payment Address:** bc1qyuk4rdeqvc2rmetfhr3key4clty5sglaw4n5wx (BTC)
- **[Level](https://github.com/w3f/Grants-Program/tree/master#level_slider-levels):** 2

## Project Overview :page_facing_up:

### Overview

Our project focuses on the development of mobile compatibility for the [Polkadot apps wallet](https://polkadot.js.org/apps/#/explorer), an official interface to the Polkadot ecosystem that is currently unoptimized for mobile use (see Figure 1). With the understanding that mobile traffic makes up a significant percentage of all web traffic, we see a need for a version of the wallet that can be easily accessed and navigated on mobile phones. This modification will enable us to tap into the potential new users who have been deterred by the wallet's current limitations.

This project is an integral part of the Polkadot ecosystem. By creating a mobile-optimized version of the Polkadot apps wallet, we will increase the overall accessibility and usability of the ecosystem. Our mobile-friendly interface will provide a seamless user experience, opening up the entire ecosystem to a broader user base and facilitating greater integration and interaction with the Substrate framework and Kusama network.

Our team is deeply invested in the development of a parachain designed specifically for use on mobile devices. With the increasing prevalence of mobile web use, we recognize the urgent need for a mobile web version of the Polkadot apps wallet. This development is crucial for our parachain's success as it will provide users with seamless, efficient, and user-friendly access to our offerings. Through this project, we aim to align the Polkadot ecosystem's accessibility with current mobile usage trends, ensuring the wide adoption and practical usability of our mobile-centric parachain. Our team's passion and expertise in mobile blockchain applications make us committed to seeing this project come to fruition, ushering in a new era of convenience and accessibility for Polkadot, Substrate, and Kusama users.

**Figure 1**

*Polkadot Apps Wallet Is Not Optimized for Using on Mobile Phones*

<img alt="Image" src="https://github.com/slonigiraf/grant-proposals/blob/main/img/apps-wallet-iphone-current.png?raw=true" width="150">

### Project Details

We intend to optimize all pages found at https://polkadot.js.org/apps for better mobile compatibility. In order to enhance navigation on smartphones, we will implement a hamburger-style site menu. The display of this menu is illustrated in Figure 2.

The submenu specifically for tools will be retained in its original form, also as demonstrated in Figure 2. When users tap on the hamburger menu, they will be presented with a comprehensive menu displayed vertically, as depicted in Figure 3.

Furthermore, the network selector will be repositioned to the left side of the smartphone screen for easier accessibility, as shown in Figure 4. This adjustment enhances the mobile user experience, making the navigation through the Polkadot ecosystem more seamless and intuitive.

**Figure 2**

*Mobile Friendly Main View*

<img alt="Image" src="https://github.com/slonigiraf/grant-proposals/blob/main/img/apps-wallet-main.png?raw=true" width="250">

**Figure 3**

*Mobile Friendly Menu*

<img alt="Image" src="https://github.com/slonigiraf/grant-proposals/blob/main/img/apps-wallet-menu.png?raw=true" width="250">

**Figure 4**

*Mobile Friendly Network Selector*

<img alt="Image" src="https://github.com/slonigiraf/grant-proposals/blob/main/img/apps-wallet-networks.png?raw=true" width="250">

### Ecosystem Fit

Our project primarily fits into the Polkadot ecosystem, where it serves to enhance the user experience by optimizing the Polkadot apps wallet for mobile use. This interface improvement will enhance the accessibility of the entire Polkadot ecosystem, as well as applications built on Substrate and projects within the Kusama network.

Our target audience consists of mobile users of the Polkadot ecosystem, wallet/UI developers, designers, and the user base of our own mobile-optimized parachain. Additionally, we aim to reach potential users who may be deterred by the current lack of mobile compatibility in the Polkadot apps wallet.

Our project addresses the need for improved mobile access to the Polkadot apps wallet. With mobile internet usage increasing, there is a critical demand for seamless, user-friendly mobile interfaces within the blockchain ecosystem. By providing mobile compatibility for the Polkadot apps wallet, we will lower barriers for entry, increase user accessibility, and improve the overall user experience.

To our knowledge, there are no other projects currently aimed at optimizing the Polkadot apps wallet for mobile use within the Substrate, Polkadot, or Kusama ecosystem.

While there are several Polkadot wallet apps available for Android and iOS, these require users to install them first before use. This is a step that can potentially create friction for some users. Additionally, these mobile applications do not address the needs of users who wish to access the wallet through a web browser on their smartphones.

Therefore, our project remains unique in its efforts to provide a mobile-optimized web version of the Polkadot apps wallet, improving its usability and accessibility without the need for any additional downloads or installations. This is crucial in ensuring a seamless experience for users who prefer or require web-based access, catering to their specific needs within the broader Polkadot, Substrate, and Kusama ecosystem.

## Team :busts_in_silhouette:

### Team members

- Denis Reshetov - Team leader, Rust/JavaScript developer
- Ilya Moskvin - JavaScript developer
- Aleksey Pastutsan - Rust/JavaScript developer
- Natalie Andreeva - Project manager

### Contact

- **Contact Name:** Denis Reshetov
- **Contact Email:** [email protected]
- **Website:** <https://www.slonigiraf.org/>

### Legal Structure

- **Registered Address:** Old town 436, 85330, Kotor, Montenegro
- **Registered Legal Entity:** Individual entrepreneur Reshetov Denis

### Team's experience

Denis Reshetov is a highly skilled and dedicated full-stack developer and [scientist](https://pubmed.ncbi.nlm.nih.gov/?term=reshetov+d). He has a passion for building tools for decentralized society, and his leadership skills have proven invaluable in guiding teams to successfully complete complex projects. For example, he, as an Individual entrepreneur Reshetov Denis, received a grant from the Web3 Foundation for a [SLON - a recommendation letter system](https://github.com/w3f/Grants-Program/blob/master/applications/slonigiraf.md) that he successfully completed. Also he has recieved a [grant from IPFS](https://github.com/ipfs/devgrants/issues/156), work on which was also successfully done. In addition to his technical expertise, Denis is known for his ability to motivate and inspire his team members. He has a clear vision for the projects he works on, and he is able to effectively communicate that vision to his team in a way that encourages [collaboration and fosters a sense of shared purpose](https://pubmed.ncbi.nlm.nih.gov/35039573/).

Ilya Moskvin is a highly skilled JavaScript developer with a wealth of experience in building complex ERP systems. He has a [deep understanding of the web3 stack](https://github.com/iamoskvin/), and he has been instrumental in developing applications in the Ethereum space over the last two years. He is a strong communicator and is always willing to help his colleagues whenever they need it. His positive attitude and his commitment to excellence make him a pleasure to work with and a valuable contributor to the project.

Aleksey Pastutsan has [decades of experience](https://github.com/almipa) in software engineering, and his current focus is on web3 projects based on the Typescript/Rust stack. He is a highly skilled developer with a wealth of knowledge and expertise in the field. Aleksey's expertise in web3 technology and his ability to create robust, scalable solutions make him an invaluable member of the project. His dedication to advancing the field of decentralized technology and his passion for building tools that can improve the lives of people around the world make him a valuable asset to our team.

Natalie Andreeva is a highly experienced financial manager with a background in fintech. She has a proven [track record](https://www.linkedin.com/in/natalie-andreeva-4a250b56/) of successfully organizing and coordinating teams working on specific projects, and she is skilled at allocating resources and managing people in order to achieve project objectives. Natalie's expertise in financial management and her ability to effectively coordinate teams make her an invaluable member of the project.

### Team Code Repos

Team projects:

- [Main repository](https://github.com/slonigiraf/)
- [Typescript library to sign recommendation letters and store them on IPFS](https://github.com/slonigiraf/helpers)
- [Rust module for recommendation letter issuing](https://github.com/slonigiraf/recommendation-letter)
- [React example UI for recommendation letter issuing](https://github.com/slonigiraf/recommendation-letter-example-ui)
- [Full functional UI for recommendation letter issuing](https://github.com/slonigiraf/slonigiraf-front-end)
- [Blockchain for recommendation letter issuing](https://github.com/slonigiraf/recommendation-letter-example-node)

GitHub accounts of all team members:

- [Denis Reshetov](https://github.com/reshetovdenis)
- [Ilya Moskvin](https://github.com/iamoskvin)
- [Aleksey Pastutsan](https://github.com/almipa)
- [Natalie Andreeva](https://github.com/cbdoslon)

### Team LinkedIn Profiles

- [Denis Reshetov](https://www.linkedin.com/in/reshetovdenis/)
- [Ilya Moskvin](https://www.linkedin.com/in/ilya-moskvin-02794b22b/)
- [Aleksey Pastutsan](https://www.linkedin.com/in/aleksey-pastutsan-a07ab2158/)
- [Natalie Andreeva](https://www.linkedin.com/in/natalie-andreeva-4a250b56/)

### Google Scholar Profiles
- [Denis Reshetov](https://scholar.google.com/citations?user=AICnRQsAAAAJ)

## Development Status :open_book:

The project has not yet started.

## Development Roadmap :nut_and_bolt:

### Overview

- **Total Estimated Duration:** 2 months
- **Full-Time Equivalent (FTE):** 8 FTE
- **Total Costs:** 30,000 USD

### Milestone 1 — Basic functionality

- **Estimated duration:** 1 month
- **FTE:** 4
- **Costs:** 15,000 USD

| Number | Deliverable | Specification |
| -----: | ----------- | ------------- |
| **0a.** | License | Apache 2.0 / GPLv3 / MIT / Unlicense |
| **0b.** | Documentation | We will provide both **inline documentation** of the code and a basic **tutorial** that will show how the new functionality works. |
| **0c.** | Docker | We will provide a Dockerfile(s) that can be used to test all the functionality delivered with this milestone. |
| 1. | Hamburger menu | The site menu will be concealed under a hamburger menu button. Once the user presses this button, the menu will be displayed in full screen. |
| 2. | https://polkadot.js.org/apps/#/accounts | The accounts page will be optimized for use on smartphones. |
| 3. | https://polkadot.js.org/apps/#/addresses | The addresses page will be optimized for use on smartphones. |
| 4. | https://polkadot.js.org/apps/#/claims | The claims page will be optimized for use on smartphones. |
| 5. | https://polkadot.js.org/apps/#/explorer | The explorer page will be optimized for use on smartphones. |
| 6. | https://polkadot.js.org/apps/#/staking | The staking page will be optimized for use on smartphones. |
| 7. | https://polkadot.js.org/apps/#/parachains | The parachains page will be optimized for use on smartphones. |
| 8. | https://polkadot.js.org/apps/#/scheduler | The scheduler page will be optimized for use on smartphones. |
| 9. | https://polkadot.js.org/apps/#/calendar | The calendar page will be optimized for use on smartphones. |


### Milestone 2 — Additional features

- **Estimated Duration:** 1 month
- **FTE:** 4
- **Costs:** 15,000 USD

| Number | Deliverable | Specification |
| -----: | ----------- | ------------- |
| **0a.** | License | Apache 2.0 / GPLv3 / MIT / Unlicense |
| **0b.** | Documentation | We will provide both **inline documentation** of the code and a basic **tutorial** that will show how the new functionality works. |
| **0c.** | Docker | We will provide a Dockerfile(s) that can be used to test all the functionality delivered with this milestone. |
| 0e. | Article | We will publish an **article** that explains what was done/achieved as part of the grant |
| 1. | https://polkadot.js.org/apps/#/referenda | The referenda page will be optimized for use on smartphones. |
| 2. | https://polkadot.js.org/apps/#/preimages | The preimages page will be optimized for use on smartphones. |
| 3. | https://polkadot.js.org/apps/#/whitelist | The whitelist page will be optimized for use on smartphones. |
| 4. | https://polkadot.js.org/apps/#/democracy | The democracy page will be optimized for use on smartphones. |
| 5. | https://polkadot.js.org/apps/#/council | The council page will be optimized for use on smartphones. |
| 6. | https://polkadot.js.org/apps/#/techcomm | The techcomm page will be optimized for use on smartphones. |
| 7. | https://polkadot.js.org/apps/#/treasury | The treasury page will be optimized for use on smartphones. |
| 8. | https://polkadot.js.org/apps/#/bounties | The bounties page will be optimized for use on smartphones. |
| 9. | https://polkadot.js.org/apps/#/chainstate | The chainstate page will be optimized for use on smartphones. |
| 10. | https://polkadot.js.org/apps/#/extrinsics | The extrinsics page will be optimized for use on smartphones. |
| 11. | https://polkadot.js.org/apps/#/rpc | The rpc page will be optimized for use on smartphones. |
| 12. | https://polkadot.js.org/apps/#/runtime | The runtime page will be optimized for use on smartphones. |
| 13. | https://polkadot.js.org/apps/#/signing | The signing page will be optimized for use on smartphones. |
| 14. | https://polkadot.js.org/apps/#/files | The files page will be optimized for use on smartphones. |
| 15. | https://polkadot.js.org/apps/#/js | The js page will be optimized for use on smartphones. |
| 16. | https://polkadot.js.org/apps/#/utilities | The utilities page will be optimized for use on smartphones. |
| 17. | https://polkadot.js.org/apps/#/settings | The settings page will be optimized for use on smartphones. |

## Future Plans

In the short term, we plan to concentrate on the development and testing of the mobile optimization for the Polkadot apps wallet. Our primary goal is to ensure that the interface is user-friendly, intuitive, and fully functional.

Once the development phase is complete, we will move on to a comprehensive testing phase. We will seek feedback from a diverse set of users to ensure that our mobile interface meets their needs effectively and efficiently.

Promotion of our project is also a key short-term plan. We aim to leverage various channels including blockchain forums, social media platforms, and potentially hosting webinars and online workshops. We will focus on highlighting the benefits of our mobile-optimized Polkadot apps wallet, with the aim of expanding its user base.

Our long-term plans focus on continuous improvement and expansion of our project. Based on user feedback and evolving market trends, we will strive to implement enhancements to the wallet's mobile interface.

Ultimately, our team is committed to contributing to the Polkadot ecosystem's growth. We will continually monitor and adapt to changes in the industry, ensuring that our mobile-optimized Polkadot apps wallet remains a vital and relevant tool for users.

It's necessary for us to maintain the mobile version as our own parachain project is designed for use on smartphones.

## Additional Information :heavy_plus_sign:

**How did you hear about the Grants Program?** Our team lead has previously successfully completed a work on a Web3 grant.

- Previous grants we've got: [Web3 grant](https://github.com/w3f/Grants-Program/blob/master/applications/slonigiraf.md), [IPFS grant](https://github.com/ipfs/devgrants/issues/156).
Loading