2023-06-01 Meeting 9

Pēc ASCII code uzģenerēt dict char_to_width un izrēķināt platumus bez while loop

Lokalizācija visiem elements

FullStack VeA 2022-Q4 - 10. Charts, SVG elements

10.1. Video / Materials

Video: https://youtube.com/live/bheSCDd9X1A?feature=share

Jamboard: https://jamboard.google.com/d/1EVe3gCSUSfal24RDS9xLqSSeC_FJ1yX2kwBYf_zdHvw/edit?usp=sharing

Materials:

https://www.npmjs.com/package/react-native-chart-kithttps://github.com/software-mansion/react-native-svg https://github.com/JesperLekland/react-native-svg-charts https://github.com/FormidableLabs/victory

10.2. Implementēt SVG, attēla un grafika ielādi.

Izmantojot instrukcijas video. Implementēt SVG, attēla un grafika ielādi

Rezultāts: http://share.yellowrobot.xyz/upic/3ae061509a72653b65e94e8e2f7b8bd0_1671460409.png

Iesniegt screenshots un pirmkodu bez build un node_modules direktorijām kā zip.

10.3. Implementēt lietotni, kur var ielādēt JSON datu kopu un vizualizēt

Ielādēt ar AJAX palīdzību lietoto auto CSV datu kopu http://share.yellowrobot.xyz/quick/2020-4-22-C9EF4A79-EA4E-488D-9277-0B7B52B6C74E.csv, kamēr ladējas rādīt loading GIF (atrast pašam kādu). Izmantot Victory charts un lodash aprēķinu veikšanai. CSV lasīšanai izmantot react-native-csv. Jābūt funkcijām izvēlēties dažādus grafikus:

Skaits pēc markas
Skaits pēc cenas sadalot 10 cenu segmentos
Skaits pēc nobraukuma sadalot 10 cenu segmentos

Iesniegt screenshots un pirmkodu bez build un node_modules direktorijām kā zip.

FullStack VeA 2022-Q4 - 11. Backend-Frontend savietojamība, lietotnes publicēšana AppStore, PlayStore

11.1. Video / Materiali

Video: https://youtube.com/live/HkttAXUD81M?feature=share

Otrās daļas video links 11. lekcijai: https://youtube.com/live/XTZSfl0zJ1M?feature=share

Jamboard: https://jamboard.google.com/d/1nnXrgo0g9RB4AfhQBaijy7K99axlleBY8KrHTH05iQM/edit?usp=sharing

11.2. Implementēt pielikumu augšupielādi no frontend app uz backend API

Implementēt pielikumu augšupielādi no frontend app uz backend API, izmantojot sagatavi un video instrukcijas:

http://share.yellowrobot.xyz/quick/2022-12-22-B8811BE0-E448-4920-A92D-5F45255DBF02.zip

Iesniegt screenshots un pirmkodu bez build un node_modules direktorijām kā zip.

11.3. Implementēt jaunu app frontend / backend

Iespēju aizpildīt formu, to nosūtīt uz backend un pretī iespēju lejupielādēt PDF failu ar visiem līdz šim ievadītajiem datiem. Jābūt iespējai ievadīt Automašīnas marku ar dropdown, gadu dropdown, cenu skaitlisku, nobraukumu skaitlisku, aprakstu teksta formātā. Backend pusē šie dati tiek saglabāti datu bāzē vai JSON vai CSV. Pēc tam lietotājam frontend pusē ir iespēja nospiest pogu “Export PDF”, kur backend pusē tiek uzģenerēts PDF ar visiem līdz šim ievadītajiem datiem. PDF ģenerēšanai izmantot pdfkit, pdf-creator-node vai html-pdf. Pēc lejupielādes app pusē atvērt PDF.

Iesniegt screenshots un pirmkodu bez build un node_modules direktorijām kā zip.

Design Patterns - Redux

8.1. Materials / Video

Youtube: https://youtu.be/Lq3_EyahuxM

Jamboard: https://jamboard.google.com/d/1fdpVIJx1UMdrZQbdIpbtXDbVNrTEkhzHs3v0tjkZVis/edit?usp=sharing

Materials: https://www.clariontech.com/blog/mvc-vs-flux-vs-redux-the-real-differences

https://medium.com/@gayashanbc/beginning-the-road-tour-with-redux-ec3505a6499b

8.2. Implementēt Redux/Flux pattern, lai ievadītu chat ziņas no diviem dažādiem threads

Sekojot instrukcijām implementēt Redux/Flux pattern, lai ievadītu chat ziņas no diviem dažādiem threads Iesniegt kodu un screenshots Sagatave:

http://share.yellowrobot.xyz/quick/2022-10-31-32B9BBA0-C6BB-42AC-B551-8498552A4E83.zip Uzdevumi:

pēc teksta ievades pygame WindowMain notīrīt current_message, izmantojot esošās actions un reducers
izveidot clear action un apstrādāt reducer
saglabāt visus izpildītos actions un implementēt action undo_chat_message un apstrādāt undo funkciju reduceri