Ciekawe projekty w losowej kolejności
Tytuły projektów to linki do repozytoriów na GitHubie!
Mireks - strona biura rachunkowego
Strona “wizytówka” biura rachunkowego.
SPA stworzona przy użyciu Vue i pre-renderingu dzięki Nuxt, korzystnego dla pozycjonowania strony. Class-componenty w TypeScript’cie ułatwiają przyszły rozwój strony dzięki statycznym typom. Projekt dostosowuje się do standardów PWA, posiada manifest.json. Zawiera dane strukturalne JSON-LD dla lepszych wyników w wyszukiwarkach (SEO). Wysyła błędy do Sentry wraz z oryginalnym kodem źródłowym pokazując dokładnie która linijka kodu wywołała u kogoś błąd. Wykorzystuje Google Analytics do śledzenia kliknięć, wpisów itp.
Strona jest aktywna online, działa na Netlify pod linkiem: https://www.biurokoralewski.kalisz.pl
Technical info:
Nuxt; Vue; TypeScript; class-component; SPA landing page; pre-rendered; Sentry; JSON-LD; Google Analytics
Google Calendar Box Select - rozszerzenie przeglądarkowe
Rozszerzenie przeglądarkowe do zaznaczania wielu wydarzeń w Kalendarzu Google. Możesz zaznaczać, przesuwać, usuwać, zmieniać kolor i długość zaznaczonych elementów jednym kliknięciem.
Technical info:
rozszerzenie przeglądarkowe; działa w Chrome, nieprzetestowane w Firefoxie, Operze i nowym Edge’u; zbudowane w TypeScriptcie z Webpackiem i SCSS
Dziennik Rust - Rust backend
Prosty CRUD REST API backend napisany w Ruście z użyciem actix-web, Diesel i PostgreSQL. Nie zaimplementowałem autoryzacji, loginu, ani rejestracji nowych użytkowników. Dodanie tych funkcji nie było zamiarem, azaliż był to projekt na zajęcia w liceum.
Backend jest obecnie aktywnie używany dla projektu dziennik-frontend.
Dinozaur Heroku może spać, bądź cierpliwy aż backend się obudzi.
Technical info:
Rust; actix-web; Diesel; PostgreSQL
Wizualizacja/rozwiązanie siatki Karnaugh i prezentacja w jednym
Prezentacja dostępna na jcubed.me/karnaugh.
Prezentacja (po angielsku) tłumaczy jak zbudować siatkę Karnaugh z tabelki prawda/fałsz przy użyciu różnych animacji, tłumaczy jak uzyskać z siatki dysjunkcyjną postać normalną (DNF) oraz jak uzyskać potrzebne do uzyskania DNFu prostokąty; także wizualizuje prostokąty SVG, drzewo wyprowadzenia (parse tree) z ładnymi efektami na hover. Podaje inne metody minimalizacji formuł i tłumaczy dlaczego siatka Karnaugh nie jest najefektywniejszą metodą uzyskania DNF.
Technical info:
aplikacja React/Next.js z własnym mikro-frameworkiem do tworzenia prezentacji; zmienianie sladjów za pomocą kontrolek w stronie, strzałek na klawiaturze oraz strzałkami historii w przeglądarce; vanilla JS, ES6; React Hooks, debouncing; SVG; Local Storage; History API; Static Site Generation; animacje z framer-motion; analiza składniowa dzięki tombstone.js; D3.js do wizualizacji drzewa składni; testowanie z jest; hosting na Github Pages dzięki SSG Nexta; Sentry do powiadomień i wykrywania błędów; obrazki wektorowe z Undraw.co; ikonki z remixicon.com; więcej informacji technicznych na slajdzie o implementacji technicznej
Cursor Recorder - skrypt dla After Effects i OBS
Skrypt napisany w Pythonie do OBS Studio zapisuje ruch kursora do pliku podczas nagrywania. Istnieje również wersja niezależna od OBSa. Drugi skrypt umożliwia import danych do After Effectsa. Demo rozszerzenia Google Calendar Box Select wykorzystuje ten skrypt, aby przybliżyć i podążać za kursorem.
Technical info:
Python; TypeScript (.ts) kompilowany do ExtendScripta (.jsx) dla AfterFX
Dziennik Frontend - Vue frontend
Moja pierwsza SPA - “Harwart” dziennik elektroniczny - aplikacja webowa. Projekt do liceum. Przetłumaczyłem także na angielski. Link do strony z działającym serwerem i bazą danych: https://dziennik.netlify.com/zalogowany
Technical info:
Vue.js; Vuex; TypeScript; vue-i18n (wersje polsko i angielsko językowe); SCSS
Ploter zbiorów Mandelbrota i Julii
Aplikacja desktopowa napisana w języku Rust jako projekt na studiach. Wykorzystuje GPU dzięki napisanym fragment-shaderom GLSL. Wspiera zbliżanie, przesuwanie i zmienianie ilości iteracji. Pozwala na wybór widoku między zbiorem Mandelbrota, Julii lub obu na raz.
Technical info:
Rust; winit; Vulkan; skrzynia wgpu-rs pozwalająca wykorzystać backend Vulkan, Metal lub DirectX; fragment shader-y napisane w GLSL; reagowanie na zmiany w pliku shadera i budowanie w trakcie działania aplikacji; aplikacja cross-platform-owa; pozwala zmaksymalizować i reaguje na zmianę DPI
“Blog”:
Skontaktuj się
O mojej (nieistniejącej) firmie
Po ogromnym rodzaju zdobytych doświadczeń tu, w jcubed, zauważyliśmy, że korzystniej jest nanostrategicznie reintermediować niż całkowicie pochłonąć się w intuicyjny nano-mikro development. Tak naprawdę to jcubed stworzył pojęcie “użytkownika”. Szczycimy się nie tylko swoim zapasem popularnych, intuicyjnych funkcji, ale prostą administracją i szybkim supportem. Stosujemy przysłowie “Spróbuj włączyć i wyłączyć” nie tylko do kolaboracji ale do naszego zapału do optymizacji. Stosujemy także zasady DRY, KISS, FTBFS, FOAF, SOAP, WYSIAYG, WYSIWYG, WYSIWYM, WYWIWYG, YAFIYGI, YMMV w naszej transparentej inkubacji Voodoo programming opierającej się na architekturze klient-serwer używającej SOA REST Big Data on-the-cloud Agile do umożliwienia uczenia maszynowego w IoT. Bo skoro jeśli rewolucjonizujesz przekonująco możliwe, że będziesz musiał udoskonalać iteracyjnie! A jeśli kolaborujesz współcałościowo możesz też musieć wdrażać hożo. Wyobraź sobie połączenie HTMLa i COBOLa. Tak zobrazujemy pojęcie dystrybucji wielokanałowej. Zauważyliśmy, że jeśli syntezujesz globalnie to będziesz architektował superwirusowo.