No funded issue found.
Check out the Issue Explorer
Be the OSS Funding you wish to see in the world.
Looking to fund some work? You can submit a new Funded Issue here .
Time left
Opened
Issue Type
Workers Auto Approve
Project Type
Time Commitment
Experience Level
Permissions
Accepted
Reserved For
I18n for Polkascan PRE Angular app
polkascan
TypeScript, JavaScript, angular
# I18n for Polkascan PRE Angular app
## About Polkascan PRE (for Polkadot Runtime Environments)
Polkascan PRE provides an open-source block explorer for any Substrate-based blockchain. Polkascan PRE (for Polkadot Runtime Environments) consists of a number of distinct software artifacts which collectively orchestrate Polkascan. The Harvester transforms a Substrate node’s raw data into relational data, with the help of Substrate Interface Library and the SCALE Codec Library. The produced relational data is disseminated by the Explorer API and in turn made accessible to end-users by the Explorer GUI. We have chosen to provide full Docker support for all our artifacts, hence all our repositories have Dockerfiles in their root. All these open-source software artifacts can be found in the Polkascan organization on GitHub (https://github.com/polkascan).
## I18n of Polkascan PRE Explorer GUI
The Polkascan PR Explorer GUI (https://github.com/polkascan/polkascan-pre-explorer-gui) is an Angular application. This issue specifies a request to extend the Angular application with an internationalization and localization architecture. This in turn will make Polkascan PRE available and user-friendly to a worldwide audience in multiple languages and with multiple localization settings. WEB3SCAN (the organization behind Polkascan) will use this work to extend polkascan.io with internationalization and localization features.
## About Internationalization (i18n) and Localization (l10n)
_Source: https://angular.io/guide/i18n_
Internationalization is the process of designing and preparing your app to be usable in different languages. Localization is the process of translating your internationalized app into specific languages for particular locales.
Angular simplifies the following aspects of internationalization:
- Displaying dates, number, percentages, and currencies in a local format.
- Preparing text in component templates for translation.
- Handling plural forms of words.
- Handling alternative text.
For localization, you can use the Angular CLI to generate most of the boilerplate necessary to create files for translators, and to publish your app in multiple languages. After you have set up your app to use i18n, the CLI can help you with the following steps:
- Extracting localizable text into a file that you can send out to be translated.
- Building and serving the app for a given locale, using the translated text.
- Creating multiple language versions of your app.
## Deliverables
- Implement i18n architecture for the Angular application for our feature branch: 'https://github.com/polkascan/polkascan-pre-explorer-gui/tree/feature/i18n'
- Follow best practices as outlined here: https://angular.io/guide/i18n
- Include displaying dates, number, percentages, and currencies in a local format.
- Include text in component templates for translation.
- Include handling alternative text.
- Scope is limited to implementing 'en-US' (current fixed text) locale and at least one additional language/locale, such as: Chinese, Russian, Japanese, Spanish, other.
- Language/locale selector-control in menu-bar (with flag-icons)
- Write step-by-step instruction to extend the Angular application with a new language (in .md format).
## Stretch deliverables
- Language pluralization rules
## Skills
- Angular savvy
- Conceptual understanding of i18n and l10n
## Requirements for work to be approved
- Pull request to https://github.com/polkascan/polkascan-pre-explorer-gui/tree/feature/i18n
- Signed contributor license agreement with WEB3SCAN (download and sign: [Contributor License Agreement v1.0.0.pdf](https://github.com/polkascan/polkascan-pre-explorer-gui/files/3566926/Contributor.License.Agreement.v1.0.0.pdf))
- Meet expectations of deliverables
- Meet expectations of stretch deliverables if you'd like to show off
## Getting started
```
git clone https://github.com/polkascan/polkascan-pre-explorer-gui.git
cd polkascan-pre-explorer-gui
git checkout feature/i18n
npm install
ng serve
http://127.0.0.1:4200
```
## Getting started with Docker
```
cd /LOCAL_OS_FOLDER/
git clone https://github.com/polkascan/polkascan-pre-explorer-gui.git
cd polkascan-pre-explorer-gui
git checkout feature/i18n
docker run -it -p 4200:4200 -v /LOCAL_OS_FOLDER/polkascan-pre-explorer-gui:/data node:11.12.0 /bin/bash
cd /data
npm install -g @angular/cli
```
N (opt out)
```
npm install
ng serve --host 0.0.0.0 --poll=2000 --disable-host-check
```
RUN IN CHROME: http://127.0.0.1:4200
## Future work
- Future work enabled by this work consists of community contributions required for translations and adding new languages and locales.
Setup your profile
Tell us a little about you:
Skills
No results found for [[search]] .
Type to search skills..
Bio Required
[[totalcharacter]] / 240
Are you currently looking for work?
[[ option.string ]]
Next
Setup your profile
Our tools are based on the principles of earn (💰), learn (📖), and meet (💬).
Select the ones you are interested in. You can change it later in your settings.
I'm also an organization manager looking for a great community.
Back
Next
Save
Enable your organization profile
Gitcoin products can help grow community around your brand. Create your tribe, events, and incentivize your community with bounties. Announce new and upcoming events using townsquare. Find top-quality hackers and fund them to work with you on a grant.
These are the organizations you own. If you don't see your organization here please be sure that information is public on your GitHub profile. Gitcoin will sync this information for you.
Select the products you are interested in:
Out of the box you will receive Tribes Lite for your organization. Please provide us with a contact email:
Email
Back
Save
