---
# System prepended metadata

title: '[Webapp] Polkadot Hungary'

---

# [PolkadotHungary] Honlap specifikáció

:::info
:bulb: Létrehozni egy NextJS alapú webappot, ami képes Subsocial felületekről a cikkeinket automatikusan átvenni. 
:::

## :beginner: Termék infó
- Termék neve: Polkadot Hungary weboldal
- Funkcionálisan kész részek
    - [x] blog polkadothungary.net 
        - https://github.com/send4t/polkadot-hungary
    - [x] Wiki wiki.polkadothungary.net 
         - https://github.com/send4t/wiki
    - [x] 1 click Stake/nominate stake.polkadothungary.net 
        - https://github.com/send4t/stake-n-vote

### :small_blue_diamond: Teendők, konkrét feladatok
- [x] ~~Google tag-ek ellenőrzése (minden oldalon)~~ 
- [ ] SEO check (minden oldalon)

#### Stake-n-vote
- [x] ~~Mutassa kinél van a DOT stake-ben (külön mutatja ha Pool-ban vagy önálló stake)~~ 
- [x] Stake-jeim szöveg csere arra amit Vikk kért
- [ ] Mutassa kinél van a DOT szavazat nominálva
- [ ]  stake/nomination növelése opció 
- [x] tooltip gov track gombokra
- [x] cikkek borítóképének színe legyen a háttér
- [x] ~~Stake kalkulátor menjen connected wallet nélkülis~~ 
- [x] ha sokan kérik le a DOT árát kalkulátoron egyszerre akkor nem megy, menjen ár nélkül is(cache?)
- [x] mobilon a logo rácsúszik a gombokra ha lentebb görgetsz
- [x] fekete szövegek cseréje fehérre
#### Blog
- [x] ~~Szövegek ellenőrizve~~ 
- [x] polkadot oldalon wiki képen szöveg 'hivatalos polkadot wiki'
- [x] polkadot oldalon 'összes hír' helyett "polkadot hírek a globális okőszisztémából"
- [x]  Bill Laboon whitelist polkadot hírekhez
- [x] Beágyazott videók oldal alján működjenek (Twitter videókat kap válaszként, a kód pedig YouTube-ot vár)
- [x] Híreknél vissza gomb legyen hangsúlyosabb
- [x] ~~olvashatóság javítás (Telex alapján)~~ 
- [x] ~~IPFS gyorsítás (blog)~~ 
    - [ ] (kérni látogatókat, hogy hostolják IPFS-ükön, jövőben)
- [ ]  Kusamarian videók Youtube-ról

#### WIKI 

- [ ] Legyen cikk gyűjtemény sorrendben/témák szerint 
- [ ] Szakkifejezések rövid magyarázattal
- [x] scriptek mutassák a minimálisan szükséges stake mennyiségét (wiki)
- [x] Minden oldal alján "Mildzsu 2024"
- [ ] Képek/szövegdobozok csekk
 
 
## :triangular_flag_on_post: Probléma leírása

:::success
- Magyar cikkek *3rd party* oldalon nem az igazi. 
- Nem birtokoljuk igazán a tartalmainkat.
- Nincs könnyen elérhető magyar dokumentáció *Polkadot*-ról (Wiki).
- Nominálás és *stake*-elés összetett feladat.
- Egységes brand, felület és közösség. 
:::

## 📈  Lehetséges megoldások

:::success
Több helyről is kaptunk engedélyt opensource megoldások használatára. Pl: *Polkadot Arena*, *Stake-n-vote* felület
:::

- Integrálni *Docusaurus*-t meglévő oldalunkba
- Integrálni *Stake-n-vote*-t meglévő oldalunkba
- Mit tudunk még *nice to have* megcsinálni?




## :exclamation: Veszélyek

:::success
Pár gondolat a rizikókról.
:::

1. Túl lassú lesz az oldal *IPFS* integráció miatt 
2. Nem tudunk falhasználókat megtartani
3. Pártatlanság megtartása

## :feet: Megvalósítás terve

:::success
A *Polkadot Arena*-nak és Marco-nak hála az oldal struktúrálisan elkészült.
:::

### :small_blue_diamond: Folyamat



``` mermaid
graph TD;
Start-->Polkadot-arena;
Polkadot-arena-->Polkadot-arena+wiki+staking;
Polkadot-arena+wiki+staking-->Oldal-gyorsitas;
Oldal-gyorsitas-->Domain;
Domain-->Kész-oldal;
Nice-to-have-dolgok--->Polkadot-arena+wiki+staking;
Bővítések?-->Polkadot-arena+wiki+staking;
```

### :small_blue_diamond: Specifikációk

:::warning
Mit kell az oldalnak nyújtani.
:::

| **Téma**   | **Specifikáció**   | **Megjegyzés**  |
|:--------:  |:---------:  |:-------:  |
|Cikkek *Subsocial*-ról            |  Megadott szerzők cikkei látható           |       Szűrők?    |
|     WIKI       |      Docusaurus integráció és szerkesztés egyszerűsítése       |           |
|     Stake-n-vote       |       egyszerű egy kattintásos stake és nomination    |           | 
|nice to have | bármi ami extra | DeFi? NFT? Sponszorok?

### :small_blue_diamond: Design
:::warning
Bármilyen design észrevétel. Bármi ami túl sok és nem kell, vagy éppen nincs és kellene.
:::
Nekem például zsúfoltnak tűnik a főoldal, 3 cikk oszloppal és 1 kategória oszloppal. Ötletek másra?



## 💬 Nyitott kérdések

:::success
Van olyan amiről nem beszéltünk?
:::

1. Hogyan lehet többet nyújtani mint a szokásos Medium cikkek?
2. Subsocial eléggé limitált reach. Nem korlátozzuk magunkat ezzel?
3. A webapp mint hasznos webapp, stake-n-vote segítségével simán 1 perc alatt stake-elsz és nominálsz. Mi mást tudunk ajánlani?
4. Timeline? 




### :small_blue_diamond: Megrendelői kérdések
| Question                                        | Answer |
| ----------------------------------------------- |:------:|
| 1. What is the result you want?                 |     Legyen egy olyan platform, amit a magyarul értők elolvasva kapnak egy tiszta képet   |
| 2. Why is this result important?                |        |
| 3. How will you evaluate progress?              |        |
| 4. How can you influence the result?            |        |
| 5. Who is responsible for the results?          |        |
| 6. How do you know you have achieved your goal? |        |
| 7. How often will you review?                   |        |

### :small_blue_diamond: Folyamatok (nem lényeges csak brainstorm)

- [x] Domain (polkadothungary.net) 
- [ ] Blog 
    - [x] IPFS gyorsítás (Vercel cache-elést próbáltam)
    - [ ] Google Tag működik?
    - [ ] SEO check minden oldalon
    - [ ] változók check (nem használt változókat kidobni)
    - [ ] Én kidobtam a Tag-ek szerinti szűrést (vizsgáljuk felül)
- [x] Docusarus integráció
    - [ ] monorepo? (nem kell)
    - [x] külön aldomain? Külön hostolva saját repóval
    - [ ] Dependency-k, struktúra felvázolása
    - [x] Integráció
    - [x] Csekkolás,teszt
- [x] Stake-n-vote integráció
    - [ ] monorepo? (nem kell)
    - [x] külön aldomain?
    - [x] Dependency-k kisimítása, most káosz
    - [ ] Egyesítet oldal struktúra
    - [x] wallet connect helyének kitűzése
    - [x] hook-ok integrálása
    - [x] gombok integrálása
    - [ ] funckiók tesztelés (jelenleg minden működik)
    - [ ] unstake? 
    - [ ] undelegate
    - [ ] Mutassa a jelenlegi stake/nominálási poolt, ezek jelenleg csak Polkadot.js-en látszanak
    - [ ] 