{"id":11234,"date":"2021-07-20T07:58:00","date_gmt":"2021-07-20T05:58:00","guid":{"rendered":"https:\/\/infoshareacademy.com\/blog\/?p=11234"},"modified":"2023-05-19T13:27:07","modified_gmt":"2023-05-19T11:27:07","slug":"aplikacja-kursantow-bootcampu-front-end-money-control","status":"publish","type":"post","link":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/","title":{"rendered":"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control"},"content":{"rendered":"\n<p>Ka\u017cdy <strong><a href=\"https:\/\/infoshareacademy.com\/kursy\/dzienny-kurs-front-end-od-podstaw-zdalnie\/\">Bootcamp Frontendowy<\/a><\/strong> w infoShare Academy ko\u0144czy si\u0119 tworzeniem projektu aplikacji internetowej. Zadanie ma pozwoli\u0107&nbsp;uczestnikom kursu na wykorzystanie zdobytej na kursie wiedzy w praktyce. Uczestnicy kursu dobieraj\u0105 si\u0119 w zespo\u0142y projektowe, kt\u00f3re wdra\u017caj\u0105 aplikacj\u0119 od samego pomys\u0142u, przez realizacj\u0119 i na deployu ko\u0144cz\u0105c. Jednym z takich zespo\u0142\u00f3w s\u0105 &#8222;Planerzy&#8221;, w sk\u0142ad kt\u00f3rego weszli: Edyta, Karolina, Agnieszka, \u0141ukasz i Konrad. Zesp\u00f3\u0142 postanowi\u0142 stworzy\u0107 aplikacj\u0119 do zarz\u0105dzania wydatkami o nazwie <strong>Money Control<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kto zaprojektowa\u0142 i stworzy\u0142 aplikacj\u0119? <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Konrad Ruguszewski<\/strong> (<a href=\"https:\/\/www.linkedin.com\/in\/konrad-roguszewski\/\">Linkedin<\/a>)<\/li>\n\n\n\n<li><strong>\u0141ukasz Kuc<\/strong> (<a href=\"https:\/\/www.linkedin.com\/in\/%C5%82ukasz-kuc-b83666a7\/\">Linkedin<\/a>)<\/li>\n\n\n\n<li><strong>Edyta Nowak-Koszla<\/strong> (<a href=\"https:\/\/www.linkedin.com\/in\/edyta-nowak-koszla\/\">Linkedin<\/a>)<\/li>\n\n\n\n<li><strong>Agnieszka B\u0105bel<\/strong> (<a href=\"https:\/\/www.linkedin.com\/in\/agnieszka-b%C4%85bel-118ab3216\/\">Linkedin<\/a>)<\/li>\n\n\n\n<li><strong>Karolina Zygmunt<\/strong> (<a href=\"https:\/\/www.linkedin.com\/in\/karolina-zygmunt-a5a51020b\/\">Linkedin<\/a>)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Za\u0142o\u017cenia aplikacji<\/h2>\n\n\n\n<p>Celem <strong>aplikacji Money Control<\/strong> jest dostarczenie kompleksowego narz\u0119dzia do kontroli bud\u017cetu domowego. Aplikacja ma pozwala\u0107&nbsp;na \u0142atwe \u015bledzenie wydatk\u00f3w poprzez wizualizacj\u0119 w postaci pomocnych wykres\u00f3w. G\u0142\u00f3wne za\u0142o\u017cenia biznesowe przy tworzeniu aplikacji Money Control to \u0142atwa i prosta obs\u0142uga oraz mo\u017cliwo\u015b\u0107 intuicyjnego i szybkiego dodawania wpis\u00f3w. Wykresy maj\u0105 dostarczy\u0107 szybkiego wgl\u0105du w saldo wydatk\u00f3w, a lista wydatk\u00f3w szczeg\u00f3\u0142owych informacji.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Faza projektowa<\/h2>\n\n\n\n<p>Aplikacja Money Control zosta\u0142a stworzona w 3 etapach. Pierwszy to etap koncepcyjny &#8211; polega\u0142 na zaplanowaniu aplikacji oraz procesu jej wytwarzania. Zesp\u00f3\u0142 podzieli\u0142 projekt na ma\u0142e taski. Nast\u0119pnie odby\u0142 si\u0119&nbsp;planning poker i wybrane zadania zosta\u0142y przeniesione do Jiry, aby \u0142atwiej by\u0142o podzieli\u0107 si\u0119 obowi\u0105zkami. Dwa kolejne etapy to sprinty, w kt\u00f3rych zesp\u00f3\u0142 wdra\u017ca\u0142 widoki oraz logik\u0119 aplikacji. Faza koncepcyjna zaj\u0119\u0142a zespo\u0142owi najwi\u0119cej czasu &#8211; w jej trakcie zesp\u00f3\u0142 zapozna\u0142 si\u0119 z dokumentacj\u0105 wybranych technologii, co dodatkowo wp\u0142yn\u0119\u0142o na czas realizacji projektu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres-1024x407.png\" alt=\"\" class=\"wp-image-11237\" srcset=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres-1024x407.png 1024w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres-300x119.png 300w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres-768x305.png 768w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres-1536x610.png 1536w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/wykres.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">W pierwszym etapie zesp\u00f3\u0142 rozpisa\u0142 sobie ca\u0142\u0105 aplikacj\u0119 co u\u0142atwi\u0142o p\u00f3\u017aniejsze planowanie i podzia\u0142 prac.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sprint 1<\/h2>\n\n\n\n<p>W pierwszym sprincie zesp\u00f3\u0142 sobie za\u0142o\u017cy\u0142 wdro\u017cenie widok\u00f3w logowania i panelu g\u0142\u00f3wnego. Powsta\u0142 front aplikacji wraz z wi\u0119ksz\u0105 cz\u0119\u015bci\u0105 widok\u00f3w. Grupa robi\u0142a Daily, na kt\u00f3rych podsumowa\u0142a przebieg prac. Daily by\u0142o wykonywane podczas zaj\u0119\u0107 grupowych.<\/p>\n\n\n\n<p><strong>Zakres i podzia\u0142 prac:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Karolina: setup projektu<\/li>\n\n\n\n<li>Agnieszka i Konrad: routing&nbsp;<\/li>\n\n\n\n<li>Edyta i Konrad: setup Firebase<\/li>\n\n\n\n<li>\u0141ukasz i Konrad: widoki logowania i rejestracji<\/li>\n\n\n\n<li>Widok panelu g\u0142\u00f3wnego: Karolina i Konrad<\/li>\n\n\n\n<li>Kontekst uwierzytelniania: Konrad<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"712\" src=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.28.39.png\" alt=\"\" class=\"wp-image-11238\" srcset=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.28.39.png 925w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.28.39-300x231.png 300w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.28.39-768x591.png 768w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><figcaption class=\"wp-element-caption\">Zesp\u00f3\u0142 przygotowa\u0142 user stories i zagra\u0142 w planning pockera \ud83d\udcaa<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sprint 2<\/h2>\n\n\n\n<p>W drugim sprincie zesp\u00f3\u0142 doko\u0144czy\u0142 wdro\u017cenie widok\u00f3w panelu g\u0142\u00f3wnego, kt\u00f3re rozpocz\u0105\u0142 w pierwszym sprincie.&nbsp;W kolejnych etapach programi\u015bci wdro\u017cyli ca\u0142\u0105 logik\u0119 aplikacji, kt\u00f3ra \u0142\u0105czy\u0142a si\u0119 z backendem w celu przeprowadzenia operacji CRUD. Aplikacja pobiera dodane rekordy, umo\u017cliwia\u0142a ich dodanie, edycj\u0119 oraz usuwanie. W p\u00f3\u017aniejszych etapach kursanci chcieli doda\u0107 dodatkowe funkcje do aplikacji takie jak np. dodawanie w\u0142asnych kategorii.  <\/p>\n\n\n\n<p><strong>Zakres i podzia\u0142 prac:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Karolina i Konrad: doko\u0144czenie widoku panelu g\u0142\u00f3wnego<\/li>\n\n\n\n<li>\u0141ukasz i Konrad: widok dodawania i edycji wpisu<\/li>\n\n\n\n<li>Konrad: komponent listy wpis\u00f3w<\/li>\n\n\n\n<li>Agnieszka i Konrad: wy\u015bwietlanie salda na dany miesi\u0105c<\/li>\n\n\n\n<li>Karolina i Konrad: widok przypominania has\u0142a<\/li>\n\n\n\n<li>Konrad: komponent filtr\u00f3w<\/li>\n\n\n\n<li>Konrad: widok z wykresem trend\u00f3w<\/li>\n\n\n\n<li>Konrad: widok aktualizacji profilu<\/li>\n\n\n\n<li>Edyta: ko\u0142owy wykres struktury wydatk\u00f3w\/przychod\u00f3w z funkcjonalno\u015bci\u0105 sumowania w ramach kategorii<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.29.11-1024x489.png\" alt=\"\" class=\"wp-image-11239\" srcset=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.29.11-1024x489.png 1024w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.29.11-300x143.png 300w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.29.11-768x367.png 768w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.29.11-1536x733.png 1536w, https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-13-at-18.29.11.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Taski przerzucone do Jiry u\u0142atwi\u0142y \u015bledzenie post\u0119pu prac.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Opis projektu<\/h2>\n\n\n\n<p>Aplikacja na frontendzie wykorzystywa\u0142a bibliotek\u0119 React, a na backendzie zesp\u00f3\u0142 wykorzysta\u0142 Firebase, kt\u00f3ry umo\u017cliwi\u0142 proste stworzenie backendu bez konieczno\u015bci anga\u017cowania Backend Developera. Za wygl\u0105d aplikacji odpowiada biblioteka Material UI, kt\u00f3r\u0105 poleci\u0142 zespo\u0142owi trener. Co wa\u017cne, zesp\u00f3\u0142 wcze\u015bniej nie mia\u0142 do\u015bwiadczenia w korzystaniu z tej biblioteki, wi\u0119c w pocz\u0105tkowej fazie wdra\u017cania musia\u0142 si\u0119 z ni\u0105 zaznajomi\u0107 i j\u0105 pozna\u0107. \u0141ukasz, kt\u00f3ry odpowiada\u0142 za ostylowanie aplikacji modyfikowa\u0142 domy\u015blne style narzucone przez Material UI, aby spersonalizowa\u0107 wygl\u0105d aplikacji. Style zosta\u0142y wdro\u017cone poprzez Styled Components.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Projekt zaliczeniowy grupy Planerzy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/CSZq_r0PqJU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Prezentacja aplikacji Money Control wykonanej przez grup\u0119 Planerzy na Bootcampie Frontend od infoShare Academy<\/figcaption><\/figure>\n\n\n\n<p>Po zalogowaniu si\u0119 w aplikacji oczom u\u017cytkownika ukazuje si\u0119 dashboard z g\u0142\u00f3wnymi funkcjonalno\u015bciami aplikacji. Wykres pozwala na sprawdzenie podzia\u0142u wydatk\u00f3w. Modu\u0142 z saldem pod\u015bwietla si\u0119 w zale\u017cno\u015bci czy jest ono dodatnie, czy ujemne. Pod wykresem znajduj\u0105 si\u0119 filtry, kt\u00f3re umo\u017cliwiaj\u0105 odfiltrowanie dodanych rekord\u00f3w. Mo\u017cemy filtrowa\u0107 po miesi\u0105cu oraz po statusie transakcji. Pod ca\u0142ym modu\u0142em znajduje si\u0119 lista ze szczeg\u00f3\u0142owym wyci\u0105giem transakcji. Ka\u017cda transakcja mo\u017ce by\u0107 usuni\u0119ta oraz edytowana. Wszystko jest spi\u0119te z backendem i ka\u017cda operacja jest wysy\u0142ana do Firebase i wykonana na bazie danych.<\/p>\n\n\n\n<p>W przypadku rozwoju aplikacji w kolejnych etapach zesp\u00f3\u0142 doda\u0142by filtrowanie po kwocie, wy\u015bwietlanie bud\u017cetu i dodawanie w\u0142asnych kategorii co jeszcze bardziej rozszerzy\u0142oby funkcjonalno\u015bci aplikacji.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><a href=\"https:\/\/infoshareacademy.com\/zostan-frontend-developerem\/\">Bootcampy Front-end w infoShare Academy<\/a><\/strong><\/h2>\n\n\n\n<p>Front-end to jeden z ciekawszych kierunk\u00f3w dla ludzi chc\u0105cych wej\u015b\u0107 w bran\u017c\u0119 IT. JavaScript powsta\u0142 jako j\u0119zyk programowania u\u017cywany przy tworzeniu stron WWW. Jednak ju\u017c dawno temu przesta\u0142 pe\u0142ni\u0107 t\u0119 jedn\u0105 rol\u0119 i posiada du\u017co wi\u0119cej praktycznych zastosowa\u0144. W JavaScripcie mo\u017cna tworzy\u0107 r\u00f3wnie\u017c elementy back-endowe (NodeJS), a tak\u017ce aplikacje desktopowe (Electron) i mobilne (React Native).<\/p>\n\n\n\n<p><strong>Dla kogo?<\/strong> Dla wszystkich, kt\u00f3rzy lubi\u0105 szybko widzie\u0107 efekty swojej pracy. JavaScript to j\u0119zyk \u0142atwy do rozpocz\u0119cia przygody z programowaniem &#8211; do startu w zasadzie wystarczy Ci notatnik i przegl\u0105darka. To tak\u017ce jeden z najpopularniejszych j\u0119zyk\u00f3w na \u015bwiecie &#8211; baza wiedzy w sieci jest ogromna, zdobycie materia\u0142\u00f3w na start nie jest \u017cadnym problemem. Podobnie jest ze \u015bcie\u017ckami rozwoju i mo\u017cliwo\u015bciami na rynku pracy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc49 <a href=\"https:\/\/infoshareacademy.com\/kursy\/dzienny-kurs-front-end-od-podstaw-zdalnie\/\">Dzienny Bootcamp Front-end<\/a> (przebran\u017cowienie)<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc49 <a href=\"https:\/\/infoshareacademy.com\/kursy\/zdalny-kurs-front-end-od-podstaw\/\">Weekendowy Bootcamp Front-end<\/a> (przebran\u017cowienie)<\/h3>\n\n\n\n<p><strong>Przeczytaj:<\/strong> <a href=\"https:\/\/infoshareacademy.com\/blog\/2020\/12\/15\/jak-znalezc-prace-zaraz-po-ukonczeniu-kursu-programowania-historia-trojki-absolwentow-infoshare-academy\/\">Absolwenci ostatniego bootcampu front-end ju\u017c maj\u0105 prac\u0119! &gt;&gt;<\/a><\/p>\n\n\n\n<div class=\"newsletter-ad-blog\">\n<div>\n<p class=\"newsletter-ad-blog-title\">Zapisz si\u0119 na newsletter Front-end<\/p>\n<p class=\"newsletter-ad-blog-content\">Frontend to jeden z popularniejszych kierunk\u00f3w, jaki jest obierany przez ludzi chc\u0105cych wej\u015b\u0107 do bran\u017cy IT. Dowiedz si\u0119 wi\u0119cej o pracy Frontend Developera z naszego newslettera.<\/p>\n<a class=\"newsletter-ad-blog-button\" href=\"https:\/\/frontend-newsletter.gr8.com\/\" target=\"_blank\" rel=\"noopener\">Zapisz si\u0119<\/a>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Co mo\u017cesz robi\u0107 po bootcampie? Poznaj historie naszych absolwent\u00f3w!<\/strong><\/h2>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/infoshareacademy.com\/blog\/2021\/06\/09\/azymut-na-it-od-kiedy-pracuje-w-branzy-it-czuje-ogromna-satysfakcje\/\">Elektronik\u0119 zamieni\u0142 na programowanie &#8211; historia Jaros\u0142awa Witowskiego<\/a><\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/infoshareacademy.com\/blog\/2021\/05\/25\/azymut-na-it-absolwentka-rachunkowosci-ktora-zostala-programistka-frontend\/\">Zamiast zarz\u0105dza\u0107 finansami rozwija zagraniczn\u0105 aplikacj\u0119 &#8211; historia Magdy K\u0142opotek<\/a><\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/infoshareacademy.com\/blog\/2021\/05\/18\/azymut-na-it-jak-zamienic-architekture-wnetrz-na-programowanie\/\">Architektka wn\u0119trz, kt\u00f3ra zosta\u0142a programistk\u0105 &#8211; historia Julii \u0141ojek <\/a><\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/infoshareacademy.com\/blog\/2021\/05\/07\/azymut-na-it-o-tym-jak-krol-swingowych-parkietow-zostal-programista\/\">Od tancerza do programisty &#8211; historia Wiktora Jagie\u0142\u0142o<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ka\u017cdy Bootcamp Frontendowy w infoShare Academy ko\u0144czy si\u0119 tworzeniem projektu aplikacji internetowej. Zadanie ma pozwoli\u0107&nbsp;uczestnikom kursu na wykorzystanie zdobytej na kursie wiedzy w praktyce. Uczestnicy kursu dobieraj\u0105 si\u0119 w zespo\u0142y projektowe, kt\u00f3re wdra\u017caj\u0105 aplikacj\u0119 od samego pomys\u0142u, przez realizacj\u0119 i na deployu ko\u0144cz\u0105c. Jednym z takich zespo\u0142\u00f3w s\u0105 &#8222;Planerzy&#8221;, w sk\u0142ad kt\u00f3rego weszli: Edyta, Karolina, &hellip;<\/p>\n","protected":false},"author":1,"featured_media":11241,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,100],"tags":[103,102,104,105,65,109,92],"class_list":["post-11234","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end","category-projekty-kursantow","tag-bootcamp-frontend","tag-front-end","tag-infoshareacademy","tag-javascript","tag-programowanie","tag-projekty-kursantow-frontend","tag-react"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Aplikacja kursant\u00f3w bootcampu Front-end: Money Control<\/title>\n<meta name=\"description\" content=\"Kursanci bootcampu Frontend w InfoShare Academy stworzyli aplikacj\u0119 Money Control. Zobacz, jak im posz\u0142o i jak wygl\u0105da nauka Frontendu!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control\" \/>\n<meta property=\"og:description\" content=\"Kursanci bootcampu Frontend w InfoShare Academy stworzyli aplikacj\u0119 Money Control. Zobacz, jak im posz\u0142o i jak wygl\u0105da nauka Frontendu!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\" \/>\n<meta property=\"og:site_name\" content=\"infoShare Academy Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/infoshareacademy\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-20T05:58:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T11:27:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/obz.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"ggolebiewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"ggolebiewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\"},\"author\":{\"name\":\"ggolebiewski\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/6ff6884acf142f159cdc9f059302dbf5\"},\"headline\":\"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control\",\"datePublished\":\"2021-07-20T05:58:00+00:00\",\"dateModified\":\"2023-05-19T11:27:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\"},\"wordCount\":1070,\"publisher\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#organization\"},\"keywords\":[\"bootcamp frontend\",\"front-end\",\"infoshareacademy\",\"javascript\",\"programowanie\",\"projekty-kursantow-frontend\",\"react\"],\"articleSection\":[\"Front-end\",\"Projekty kursant\u00f3w\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\",\"name\":\"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control\",\"isPartOf\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#website\"},\"datePublished\":\"2021-07-20T05:58:00+00:00\",\"dateModified\":\"2023-05-19T11:27:07+00:00\",\"description\":\"Kursanci bootcampu Frontend w InfoShare Academy stworzyli aplikacj\u0119 Money Control. Zobacz, jak im posz\u0142o i jak wygl\u0105da nauka Frontendu!\",\"breadcrumb\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/infoshareacademy.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#website\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/\",\"name\":\"infoShare Academy Blog\",\"description\":\"Strona o szkoleniach w IT\",\"publisher\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/infoshareacademy.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#organization\",\"name\":\"infoShare Academy\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg\",\"contentUrl\":\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg\",\"width\":1000,\"height\":1000,\"caption\":\"infoShare Academy\"},\"image\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/infoshareacademy\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/6ff6884acf142f159cdc9f059302dbf5\",\"name\":\"ggolebiewski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/13f23d89507ae5070cad6333837f17254df31fb525160d0785fc8ea48a3b5c54?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/13f23d89507ae5070cad6333837f17254df31fb525160d0785fc8ea48a3b5c54?s=96&d=mm&r=g\",\"caption\":\"ggolebiewski\"},\"sameAs\":[\"https:\/\/infoshareacademy.com\/bbb2\"],\"url\":\"https:\/\/infoshareacademy.com\/blog\/author\/ggolebiewski\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control","description":"Kursanci bootcampu Frontend w InfoShare Academy stworzyli aplikacj\u0119 Money Control. Zobacz, jak im posz\u0142o i jak wygl\u0105da nauka Frontendu!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/","og_locale":"pl_PL","og_type":"article","og_title":"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control","og_description":"Kursanci bootcampu Frontend w InfoShare Academy stworzyli aplikacj\u0119 Money Control. Zobacz, jak im posz\u0142o i jak wygl\u0105da nauka Frontendu!","og_url":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/","og_site_name":"infoShare Academy Blog","article_publisher":"https:\/\/www.facebook.com\/infoshareacademy","article_published_time":"2021-07-20T05:58:00+00:00","article_modified_time":"2023-05-19T11:27:07+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2021\/07\/obz.png","type":"image\/png"}],"author":"ggolebiewski","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"ggolebiewski","Szacowany czas czytania":"6 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/#article","isPartOf":{"@id":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/"},"author":{"name":"ggolebiewski","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/6ff6884acf142f159cdc9f059302dbf5"},"headline":"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control","datePublished":"2021-07-20T05:58:00+00:00","dateModified":"2023-05-19T11:27:07+00:00","mainEntityOfPage":{"@id":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/"},"wordCount":1070,"publisher":{"@id":"https:\/\/infoshareacademy.com\/blog\/#organization"},"keywords":["bootcamp frontend","front-end","infoshareacademy","javascript","programowanie","projekty-kursantow-frontend","react"],"articleSection":["Front-end","Projekty kursant\u00f3w"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/","url":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/","name":"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control","isPartOf":{"@id":"https:\/\/infoshareacademy.com\/blog\/#website"},"datePublished":"2021-07-20T05:58:00+00:00","dateModified":"2023-05-19T11:27:07+00:00","description":"Kursanci bootcampu Frontend w InfoShare Academy stworzyli aplikacj\u0119 Money Control. Zobacz, jak im posz\u0142o i jak wygl\u0105da nauka Frontendu!","breadcrumb":{"@id":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/infoshareacademy.com\/blog\/aplikacja-kursantow-bootcampu-front-end-money-control\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/infoshareacademy.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Aplikacja kursant\u00f3w bootcampu Front-end: Money Control"}]},{"@type":"WebSite","@id":"https:\/\/infoshareacademy.com\/blog\/#website","url":"https:\/\/infoshareacademy.com\/blog\/","name":"infoShare Academy Blog","description":"Strona o szkoleniach w IT","publisher":{"@id":"https:\/\/infoshareacademy.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/infoshareacademy.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/infoshareacademy.com\/blog\/#organization","name":"infoShare Academy","url":"https:\/\/infoshareacademy.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg","contentUrl":"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg","width":1000,"height":1000,"caption":"infoShare Academy"},"image":{"@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/infoshareacademy"]},{"@type":"Person","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/6ff6884acf142f159cdc9f059302dbf5","name":"ggolebiewski","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/13f23d89507ae5070cad6333837f17254df31fb525160d0785fc8ea48a3b5c54?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/13f23d89507ae5070cad6333837f17254df31fb525160d0785fc8ea48a3b5c54?s=96&d=mm&r=g","caption":"ggolebiewski"},"sameAs":["https:\/\/infoshareacademy.com\/bbb2"],"url":"https:\/\/infoshareacademy.com\/blog\/author\/ggolebiewski\/"}]}},"_links":{"self":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts\/11234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=11234"}],"version-history":[{"count":15,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts\/11234\/revisions"}],"predecessor-version":[{"id":12676,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts\/11234\/revisions\/12676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/media\/11241"}],"wp:attachment":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=11234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/categories?post=11234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/tags?post=11234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}