Projekty Projects
Feeed
Webová aplikácia na scrapovanie dát z Instagram a Facebook stránok. Backend postavený na Laravel s Vue dashboardom z projektu Skladnik. HTML s príspevkami generuje čistý JS bez frameworku. Aplikácia ponúka niekoľko možností získavania dát z Instagramu. Web app to scrape data from Instagram and Facebook pages. Backend is based on Laravel with Vue dashboard from Skladnik project. HTML of posts is generated by vanilla JS without framework. App offers multiple options to scrape data from Instagram.
VideoDB
PWA klient pre jeden Kodi video addon. Prehrávanie videí nie je podporované priamo v prehliadači, no je možné prezerať celú DB a spustiť prehrávanie v prehrávači (IINA, VLC, PotPlayer). PWA client for one Kodi video addon. Video playback is not supported directly in the browser, but it is possible to browse the entire DB and start playback in the player (IINA, VLC, PotPlayer).
Zaujímavosti Highlights
- router na mieru s použitím History API a custom router using the History API
- spustí prehrávanie / zaradí video do playlistu v konkrétnej aplikácií (VLC - iOS, Android, Windows | IINA - Mac | PotPlayer - Windows) starts playback / adds a video to the playlist in a specific application (VLC - iOS, Android, Windows | IINA - Mac | PotPlayer - Windows)
- SK/CZ/EN jazyk, svetlý/tmavý režim, klávesové skratky, import/export nastavení a histórie SK/CZ/EN language, light/dark mode, keyboard shortcuts, import/export settings and history
- história prehraných, záložky, obľúbené history of played, bookmarks, favorites
Skladnik
Jednoduchá stránka na evidenciu skladových pohybov. Ide o kostru pre budúce projekty založené na Laraveli 11 a Vue 3.4 s UI, komponentami, middleware, správou používateľov a príkladmi kódu. A simple page for tracking warehouse movements. This is a skeleton for future projects based on Laravel 11 and Vue 3.4, with a UI, components, middleware, user management and code examples.
Zaujímavosti Highlights
- 30+ Vue komponentov - rozhranie, tlačidlá, vyskakovacie okná, vstupy, tabuľky... 30+ Vue components - UI, buttons, modals, dialogs, inputs, tables...
- role používateľov, správa používateľov pre administrátora a isAdmin middleware user roles, users management page available for admin and isAdmin middleware
- lokalizácia UI cez zakomentované riadky v app.js UI localization with commented lines in app.js
- podstránky so zoznamom komponentov a príkladmi kódu - pre vývoj routes with component list and code examples - for development
- export do XLS, service worker a manifest pre PWA, admin podstránka s odkazmi pre správu cache... export to XLS, service worker and manifest for PWA, admin page with links for cache management...
Zoomin
Jednoduchá PWA lupa spravená v SolidJS. Stránka ovláda kameru, podporuje dotykové gestá, je možné nastaviť filter na obraz, prepnúť zadnú/prednú kameru, zapnúť prisvieteni, zmraziť obraz a uložiť ako obrázok. A simple PWA magnifier made with SolidJS. This site controls camera, supports touch gestures, you can set a filter on the image, switch back/front camera, turn on the flashlight, freeze the image and save as a picture.
webtools
Služba na generovanie widgetov s Heuréka recenziami, ktoré je možné cez HTML vložiť do akejkoľvek stránky. Používateľ zadá adresu s feedom recenzií, upraví nastavenia widgetua a stránka vygeneruje kód ktorý si používateľ vloží do svojej stránky. Backend beží na Laraveli, ktorý sa stará o routing, autentifikáciu a generovanie JSON súborov pre každý widget. Dashboard je vo Vue. Samotné widgety potom na weboch vykreslí čistý JS, ktorý načíta JSON s dátami zo servera. Service for generating Heureka reviews widgets that can be inserted into any page via HTML code. The user enters the address with the reviews feed, adjusts the widget's settings, and the page generates a code that the user inserts into his page. The backend runs on Laravel, which takes care of routing, authentication and generating JSON files for each widget. The dashboard is in Vue. The widgets themselves are rendered on the websites by vanilla JS, which loads JSON file with data from the server.
ClassList
Vue aplikácia s routerom a PocketBase BaaS. Ide o jednoduchý klasifikátor tried pre šablónu S1 s možnosťou písať "clánky" s vlastnou URL. Články/triedy je možné zamknúť pre neprihlásených, dá sa v nich vyhľadávať, filtrovať, kopírovať triedy na kliknutie... Vue app with router and PocketBase BaaS. It's a classifier for the S1 template, with the possibility to write "articles" with own URL. Articles/classes can be locked for non-logged in visitors, you can search, filter, copy classes on click...
Ostrá stránka beží na virtuálnom serveri na fly.io a demo na pockethost.io. The live site runs on a virtual server at fly.io and a demo at pockethost.io.
Demo účet
Demo account
dashboard: https://classlist.pa2lo.net/login
email: demo@demo.demo
password: demo1234
AddOne
Malé Svelte PWA počítadlo čohokoľvek. Dáta ukladá v LocalStorage, podporuje import/export do JSONu a vďaka ServiceWorkeru funguje offline. Small Svelte PWA counter of anything. It stores data in LocalStorage, supports import/export to JSON and thanks to ServiceWorker works offline.
Switch
Služba na automatické spínanie smart zásuviek podľa výkonu fotovoltiky. Backend poháňa Laravel, frontend je vo Vue a spolu sa bavia vďaka Inertia.js. PHP Skript každých 10 minút skontroluje aktuálny výkon FVE cez API, zistí stav zásuviek (cez Tuya Web Api) a zapne/vypne jednotlivé zásuvky podľa nastavených podmienok. Služba má aj vlastné "API", čo umožňuje posielať do DB dáta z iných senzorov a zohľadňovať ich hodnotu pri vyhodnocovaní, či je zásuvku potrebné zapnúť/vypnúť. Stránka má svetlý / tmavý režim a dá sa nainštalovať ako PWA. Service for automatic switching of smart sockets according to the power of photovoltaics. The backend is powered by Laravel, the frontend is in Vue and they are working together thanks to Inertia.js. Every 10 minutes, the PHP Script will check the current PV performance (via Huawei API), determine the status of the sockets (via Tuya Web Api) and turn on/off individual sockets according to the set conditions. The service also has its own "API", which makes it possible to send data from other sensors to the DB and take their value into account when evaluating whether the outlet needs to be turned on/off. The site supports light/dark mode and can be installed as PWA.
Wedr
Sveltom poháňaná PWA na počasie s použitím Open-Meteo API. Samozrejmosťou je svetlý/tmavý režim a možnosť výberu z niekoľkých odtieňov. Svelte based weather forecast PWA using the Open-Meteo API. Of course, there is a light/dark mode and the option of choosing from several color shades.
WebRadio
PWA vo Vue3 na prehrávanie internetových rádií. Zoznam staníc sa berie z RadioBrowser API a dáta sa ukladajú v LocalStorage. PWA in Vue3 to play internet radio. The station list is taken from the RadioBrowser's API and the data is stored in the LocalStorage.
Zaujímavosti Highlights
- SK/CZ/EN jazyk bez i18n knižnice SK/CZ/EN language without i18n library
- export/import obľúbených staníc a možnosť pridávať vlastné stanice export/import of favorite stations and the possibility to add your own stations
- podpora HLS streamov vrátane prehrávania videa support for HLS streams including video playback
- podpora Chromecast a AirPlay streamovania Chromecast and AirPlay streaming support
- možnosť zmeniť si farebný odtieň aplikácie, svetlý/tmavý režim, časovač vypnutia, klávesové skratky the possibility to change the color shade of the application, light/dark mode, sleep timer, keyboard shortcuts
S1 konfigurátor
Pôvodná verzia je generátor JS/CSS kódu pre dodatočné úpravy šablóny S1 (Verona), ktoré nie sú dostupné v administrácií BiznisWebu. The original version is a JS/CSS code generator for additional modifications of the S1 (Verona) template, which are not available in the BiznisWeb administration.
Nová verzia sa používa priamo v administrácií, nie je teda potrebné kopírovať kód. Má mierne upravený design a obsahuje nastavenia pridané neskôr. The new version is used directly in the administration, so there is no need to copy the code. It has a slightly modified design and contains settings added later.
VyberPaušál
Jednoduchá stránka vo Svelte na porovnanie a vyhľadnie mobilného paušálu poddľa nastavených kritérií. Databáza cca z 10/21. Simple Svelte based site to compare and search the carrier plan according to the set criteria. Database from about 10/21.
Simple UI
Koncept UI dashboardu vo Vue3 (Options API). Ide o pár komponentov pre dashboard - rôzne inputy pre formuláre, taby, popup, toast, dropdown... Concept of the UI dashboard in Vue3 (Options API). These are a few components for the dashboard - various inputs for forms, tabs, popup, toast, dropdown...
Zaujímavosti Highlights
- plne responzívny design s menej ako 40 riadkami media queries fully responsive design with less than 40 lines of media queries
- vlastný colorpicker s podporou touch eventov custom colorpicker with support for touch events
- svetlý/tmavý režim light/dark mode
cbuilder
Koncept UI pre novšiu verziu Newsbuildera postavené na Vue2. UI concept for a newer version of Newsbuilder made with Vue2.
Newsbuilder
Drag&drop rozhranie na generovanie HTML kódu responzívnych emailov. Služba beží na Laraveli, ktorý rieši prihlasovanie a ukladanie dát. Ide o prvý pokus spraviť niečo v Laraveli a obsahuje aj PHP skript na generovanie GIF súborov s odpočítaním času. Používa sa v BiznisWebe na tvorbu newslettrov. Drag&drop interface for generating HTML code for responsive emails. The service runs on Laravel, which handles login and data storage. This is the first attempt to do something in Laravel and it also includes a PHP script to generate GIF files with a countdown timer. It is used in BiznisWeb to create newsletters.
Demo účet
Demo account
login: demo@demo.demo
password: demo1234