Tvoje osobní online portfolio může kompenzovat nedostatek praxe na reálných projektech. Pokud za sebou nemáš projekty pro zaměstnavatele, pomůžeš si tím, že zpracuješ jeden nebo více projektů jen tak “do šuplíku”.
Při realizaci osobního projektu si vyzkoušíš všechno, co ses doposud naučil/a odladíš projekt a umístíš jej na web. Připravili jsme pro tebe 11 zajímavých námětů na projekt.
1. Web pro restauraci
Vytvoř webové stránky pro místní restauraci v okolí. Může se jednat o reálnou restauraci, nebo si ji můžeš vymyslet. Do webu přidej zobrazení menu, možnost vytvoření online rezervace, kontaktní informace a interaktivní mapu polohy. Soustřeď se na estetické a vizuální podání a použitelnost.
2. Web s předpovědí počasí
Naprogramuj aplikaci zobrazující aktuální počasí a jeho předpověď pro konkrétní místo, nebo pro různá místa. Pro vizualizaci historických dat i předpovědi použij grafy, ikony nebo i ilustrace. Snaž se o vizuálně atraktivní znázornění. Můžeš si vyhrát s animacemi. Aktuální data získáš zdarma např. na Open Meteo nebo Open Weather Map.
3. Fitness Tracker
Vytvoř webový fitness tracker, který uživatelům umožní zaznamenávat si tréninky, sledovat svůj pokrok a stanovit si cíle. Jako součást aplikace vytvoř registraci uživatelů, jejich přihlašování a zobrazování správných dat pro každého uživatele a případně i personalizovaná doporučení, která se v aplikaci budou zobrazovat.
4. Monitor akcií nebo měnových párů
Pokud tě zajímají akciové trhy nebo forex, můžeš vytvořit aplikaci na zobrazování historického průběhu akcií nebo měnových párů. Historická data jsou k dispozici zdarma např. na Yahoo Finance. Data můžeš znázornit grafem a můžeš přidat i základní indikátory, např. klouzavý průměr apod.
5. Kvíz nebo hra
Vytvořte webový kvíz nebo triviální hru na libovolné téma. Kvíz může být vzdělávací nebo zábavný. Implementujte funkce, jako jsou otázky s výběrem odpovědí, vyhodnocení a pokud je to dává smysl, můžeš přidat i žebříček výsledků.
6. Databáze receptů a jejich sdílení
Navrhni a vytvoř webovou aplikaci, ve které mohou uživatelé sdílet své vlastní recepty s komunitou dalších kuchařů. Uživatelé budou moci vyhledávat recepty, označovat si oblíbené recepty. Do aplikace přidej vyhledávání, filtry, uživatelské profily a případně i sdílení na sociálních sítích.
7. Web na inzerci pracovních míst
Vytvoř webovou aplikaci s nabídkou pracovních míst, na které mohou zaměstnavatelé zveřejňovat nabídky práce a uchazeči o zaměstnání je mohou vyhledávat. Do aplikace zapracuj funkce, jako je vyhledávání, filtry, uživatelské profily a zasílání životopisů.
8. Todo list
Vytvoř jednoduchou webovou aplikaci, která umožní uživatelům zadávat nové úkoly do aplikace, označovat je jako dokončené nebo je odstraňovat ze seznamu. Zaměř se na jednoduchost a použitelnost.
9. Digitální zpěvník
Vytvoř webovou aplikaci, kde budou moci uživatelé sdílet texty písniček včetně kytarových akordů. Aplikace se bude skládat z editoru, kde bude možné k textu každé písně přidat nadpis, autora a kytarové akordy na přesné místo v textu písně. V editoru se soustřeď na jednoduchost použití. Dalším pohledem bude zobrazení detailu písně s možností transpozice (posun všech akordů do jiné tóniny).
10. Vyhledávač knih a filmů
Vytvoř aplikaci, která umožňuje uživatelům vyhledat a zobrazit knihy, či filmy. Využij k tomu externí API jako IMDb nebo Google Books API.
11. Online kalkulačka
Postav jednoduchou aplikaci, která může sloužit jako kalkulačka na základní aritmetické funkce (sčítání, odčítání, násobení a dělení). Můžeš uchovávat historii předchozích výsledků a zobrazovat ji v rámci aplikace.
Portfolio je tvoje vizitka
Při tvorbě aplikace se soustřeď na čistou strukturu kódu, responzivní design a uživatelskou použitelnost. Tvoje portfolio je tvou vizitkou. Mělo by přehledně demonstrovat jaké konkrétní problémy jsi při tvorbě aplikace vyřešil/a, což ti pomůže prokázat, že podobné problémy můžeš řešit i v rámci reálných projektů.
Inspiruj se u existujících projektů
Než se pustíš do svého projektu, udělej si na internetu průzkum podobných projektů, kterými se můžeš inspirovat. Inspiraci můžeš najít také na platformách typu TemplateMonster.com. Obrázky, které můžeš použít zdarma najdeš na Unsplash.com, nebo Freepik.com
Užij si kódování a pochlub se nám svým projektem!
