CRM i lead management
Listy leadów, właściciele, statusy, komentarze, callbacki, spotkania i historia aktywności.
Aplikacje webowe dla biznesu
Kacper Bernecki
Frontend / Web App Developer
Buduję aplikacje biznesowe w React, TypeScript, Next.js i Supabase: CRM-y, dashboardy, formularze, panele administracyjne i narzędzia do obsługi procesów firmowych.
Specjalizuję się w praktycznych aplikacjach webowych: lead management, role użytkowników, formularze, dashboardy, automatyzacje i integracje API.
O mnie
Buduję praktyczne aplikacje webowe dla procesów biznesowych.
Najmocniejsze projekty w moim portfolio to aplikacje operacyjne: widoki CRM, obsługa leadów, role użytkowników, dashboardy, formularze i workflow oparte o API.
Łączę frontend z wystarczającym kontekstem backendu i bazy danych, żeby budować kompletne przepływy aplikacji: Supabase auth, dane w PostgreSQL, route handlers, walidację i deploy.
AI jest częścią mojego workflow przy prototypowaniu, debugowaniu i wybranych funkcjach produktu, ale nie zastępuje kompetencji programistycznych ani decyzji technicznych.
Ekrany CRM i workflow
CRM, dashboardy, formularze, panele admina i narzędzia workflow.
Formularze i typowany UI
Komponenty UI, logika typowana, routing, stan i formularze.
Role i dostęp
Auth, role, dane leadów, historia zmian i widoki z bazy.
Baza danych i deploy
Deploy na Vercel, README/docs, CI i roadmapy projektów.
Kontekst
Najpierw workflow biznesowy, potem technologia.
01
Przed pisaniem kodu patrzę na proces: kto używa aplikacji, jakich danych potrzebuje, co zmienia status i gdzie ma być widoczna kolejna akcja.
02
To podejście widać w B-CRM: widoki sprzedażowe i operacyjne zależne od ról, statusy leadów, callbacki, spotkania, komentarze, historia oraz reguły dostępu oparte o bazę.
03
Portfolio prowadzi przez projekty, które można sprawdzić przez live demo, repozytoria i case study.
Obszar aplikacji
Powtarzalne wzorce w moich projektach to CRM, dashboardy, formularze, dane i integracje.
Widoki dashboardowe
Ekrany operacyjne z metrykami, filtrami, rankingami i jasną kolejną akcją.
Formularze i walidacja
Formularze leadów, formularze admina, kalkulatory ofertowe i komunikaty błędów.
Role użytkowników
Różne widoki i uprawnienia dla sprzedaży, zarządzania, finansów, księgowości, logistyki i montażu.
API i baza danych
Supabase, PostgreSQL, route handlers, serverless functions i zewnętrzne API.
AI jako narzędzie
Wsparcie AI przy prototypowaniu, debugowaniu, automatyzacji i wybranych funkcjach aplikacji.
Dla firm i osób technicznych
Najlepszy projekt do sprawdzenia: B-CRM
Jeśli chcesz szybko ocenić moje umiejętności web app, zacznij od B-CRM.
Stack
React, TypeScript, Next.js, Supabase, PostgreSQL, Tailwind CSS, Vercel
Co pokazuje projekt
- Autoryzację Supabase i chronione ekrany aplikacji
- Role i uprawnienia dla właściciela, admina, menadżera, handlowca i ról operacyjnych
- Zarządzanie leadami ze statusami, komentarzami, callbackami i spotkaniami
- Hierarchię menadżerską, historię zmian i ekrany CRM oparte o aktywności
- Dashboardy, filtry, formularze i workflow oparte o bazę danych
- Proces realizacji z finansami, księgowością, logistyką i montażem
- Deploy production-like web app demo na Vercel
Projekty
Skupiony zestaw aplikacji biznesowych i projektów wspierających. B-CRM jest głównym dowodem technicznym.
01
B-CRM
Problem
Zespoły sprzedażowe potrzebują jednego miejsca do kontroli właściciela leada, statusów, callbacków, spotkań i historii działań.
Production-like CRM demo do obsługi lead management i procesu sprzedaży, z widokami opartymi o role i dane w Supabase.
Realne funkcje
- Logowanie i konta demo
- Role: właściciel, admin, menadżer, handlowiec, finanse, podgląd, księgowość, logistyka, monter
- Statusy leadów, komentarze i historia
- Callbacki, spotkania i widok kalendarza
- Panel admina, zarządzanie zespołem i hierarchia menadżerska
- Samouczek realizacji: finanse, księgowość, logistyka i montaż
- Import/eksport CSV, flow ofert PDF i demo payload KSeF
Dane demo
Konta demo są dostępne na ekranie logowania.
Stack
ReactTypeScriptNext.jsSupabasePostgreSQLTailwind CSSVercel
Status: Production-like CRM demo
02
Berni Rush
Problem
Projekt gry webowej wymaga szybkiej interakcji, jasnego zarządzania stanem i grywalnej pętli, a nie ekranów biznesowego workflow.
Grywalny prototyp areny 3D stworzony do ćwiczenia interakcji real-time, zarządzania stanem i deployu w przeglądarce.
Realne funkcje
- Rozgrywka na arenie 3D
- Sterowanie klawiaturą i dotykiem
- Klasy postaci i skórki
- Fale przeciwników i bossowie
- Ulepszenia, pickupy i zapis postępu
Stack
ReactTypeScriptViteThree.jsZustandVercel
Status: Playable prototype / Side project
03
Portfolio
Problem
Portfolio techniczne powinno szybko pokazać najmocniejszy projekt bez pozycjonowania jako osoba początkująca i bez ogólnikowego marketingu.
Osobista strona developera skupiona na aplikacjach biznesowych, projektach, dwujęzycznych studiach przypadku i bezpośrednim kontakcie.
Realne funkcje
- Struktura projektów z B-CRM jako priorytetem
- Sekcja dla osób technicznych
- Dwujęzyczne studia przypadku
- Własny kalendarz przez Cal.com
- Chronione odsłanianie emaila i telefonu
- SEO, OpenGraph i metadata pod GTM
Stack
Next.jsReactTypeScriptTailwind CSSCal.com APITurnstileVercel
Status: Active development
04
Unreal Engine Gameplay Prototype
Problem
Prototyp gameplayu wymaga systemów interakcji, struktury misji i blockoutu świata zanim stanie się pełną grą.
Lokalny prototyp Unreal Engine 5 skupiony na systemach gameplayu, jeździe, kontraktach, UI/HUD i eksploracji świata open-world.
Uwaga: Tylko lokalny prototyp: bez publicznego demo i repozytorium.
Realne funkcje
- System jazdy
- Mechanika misji i kontraktów
- Systemy UI/HUD
- Blockout środowiska open-world
- Systemy interakcji gameplayowych
- Eksperymenty wydajnościowe i gameplayowe
Stack
Unreal Engine 5Blueprint SystemGame DesignUI SystemsOpen-world prototyping
Status: Local prototype / Experimental
05
BerniNutri
Problem
Analiza jedzenia ze zdjęcia wymaga jasnego przepływu review, bo estymacje AI mogą być niepełne albo niedokładne.
Mobile-first prototyp trackera żywieniowego AI z analizą zdjęcia, lokalną historią posiłków i notą o poziomie pewności.
Realne funkcje
- Upload zdjęcia posiłku
- Endpoint analizy z OpenAI API
- Podsumowanie kalorii i makro
- Lokalna historia posiłków
- Dashboard dziennego postępu
- Obsługa błędów braku konfiguracji API
Stack
ReactTypeScriptViteOpenAI APILocalStorageVercel
Status: Prototype
06
Kalkulator leasingu
Problem
Użytkownik biznesowy często potrzebuje szybkiej estymacji kosztu leasingu przed rozmową o konkretnej ofercie finansowej.
Demo kalkulatora biznesowego z parametrami leasingu, podsumowaniem kosztów, wydrukiem i formularzem leadowym.
Realne funkcje
- Obsługa wartości netto i brutto
- Wpłata własna, okres i wykup
- Warianty operacyjno-finansowe w copy UI
- Podsumowanie wyniku dla klienta
- Formularz leadowy połączony z endpointem serverless
- Disclaimer dla wyników orientacyjnych
Stack
ReactTypeScriptViteHonoDrizzleBunVercel
Status: Production-like business tool demo
Technologie użyte w projektach
Stack z projektów i publicznych demo.
React / TypeScript
Użyte w B-CRM, BerniNutri, kalkulatorze leasingu i portfolio. Komponenty UI, formularze, routing, zarządzanie stanem i logika aplikacji.
Next.js
Użyte do struktury aplikacji webowych, routingu, metadanych, route handlers i deployu na Vercel.
Supabase / PostgreSQL
Użyte w B-CRM do auth, ról użytkowników, danych leadów, historii zmian i pracy z bazą.
Tailwind CSS
Użyte do szybkiego budowania responsywnych interfejsów w dashboardach, formularzach i portfolio.
Vercel
Użyte do deployu portfolio, B-CRM i publicznych demo aplikacji.
OpenAI API
Używane pomocniczo przy prototypowaniu, debugowaniu, automatyzacji oraz wybranych funkcjach aplikacji. AI nie jest przedstawiane jako zamiennik kompetencji programistycznych.
Kontakt
Porozmawiajmy o aplikacji webowej, CRM-ie albo roli frontend
Umów krótką rozmowę albo odsłoń bezpośredni kontakt po szybkiej weryfikacji człowieka.
Kalendarz
Wybierz dzień
Telefon
© 2026 Kacper Bernecki. Wszelkie prawa zastrzeżone.