CRM and lead management
Lead lists, ownership, statuses, comments, callbacks, meetings and activity history.
Business web applications
Kacper Bernecki
Frontend / Web App Developer
I build business applications with React, TypeScript, Next.js and Supabase: CRMs, dashboards, forms, admin panels and tools that support company workflows.
I focus on practical web apps: lead management, user roles, forms, dashboards, automations and API integrations.
About
I build practical web apps for business processes, not generic portfolio demos.
My strongest projects are operational web apps: CRM views, lead handling, role-based access, dashboards, forms and API-backed workflows.
I combine frontend work with enough backend and database context to build useful application flows end to end: Supabase auth, PostgreSQL data, server routes, validation and deployment.
AI tools are part of my workflow for prototyping, debugging and selected product features, but the core value is still application design, implementation quality and clear technical thinking.
CRM and workflow screens
CRM, dashboards, forms, admin panels and workflow tools.
Forms and typed UI
Component UI, typed logic, routing, state and form flows.
Roles and access
Auth, roles, lead data, history and database-backed screens.
Database and deployment
Vercel deployments, README/docs, CI and project roadmaps.
Context
Business workflow first, technology second.
01
Before writing code, I look at the process: who uses the app, what data they need, what changes status, and where the next action should be visible.
02
That approach is visible in B-CRM: role-aware sales and operations views, lead statuses, callbacks, meetings, comments, history and database-backed access rules.
03
The portfolio is organized around practical projects that can be inspected through live demos, repositories and case studies.
Application Focus
The recurring patterns in my projects are CRM workflows, dashboards, forms, data handling and integrations.
Dashboard views
Operational screens with metrics, filters, rankings and clear next actions.
Forms and validation
Lead forms, admin forms, offer/calculation inputs and user-facing error states.
Role-based access
Different views and permissions for sales, management, finance, accounting, logistics and installation roles.
API and database work
Supabase, PostgreSQL, route handlers, serverless functions and external API calls.
AI as a tool
AI support for prototyping, debugging, automation and selected app features.
For companies and technical reviewers
Best project to review: B-CRM
Start with B-CRM if you want the fastest read on my web app skills.
Stack
React, TypeScript, Next.js, Supabase, PostgreSQL, Tailwind CSS, Vercel
What the project shows
- Supabase authentication and protected app screens
- User roles and permission rules for owner, admin, manager, sales and operational users
- Lead management with statuses, comments, callbacks and meetings
- Manager hierarchy, change history and activity-oriented CRM screens
- Dashboards, filters, forms and database-backed workflows
- Finance, accounting, logistics and installation realization flow
- Deployment of a production-like web app demo on Vercel
AI consultant
Ask about the projects, stack or fit.
A small NVIDIA-powered assistant can summarize the portfolio, compare projects and point you to the strongest evidence without leaving the page.
Portfolio assistant
Answers are based on the projects and case studies on this site.
Ask me about B-CRM, the tech stack, project scope or which case study to review first.
Projects
A focused set of business apps and supporting web projects. B-CRM is the main technical proof.
01
B-CRM
Problem
Sales teams need one place to control lead ownership, status changes, callbacks, meetings and activity history.
Production-like CRM demo for lead management and sales workflow, built with role-based screens and Supabase-backed data.
Real features
- Login and demo accounts
- Roles: owner, admin, manager, sales, finance, viewer, accounting, logistics, installer
- Lead statuses, comments and history
- Callbacks, meetings and calendar views
- Admin panel, team management and manager hierarchy
- Realization tutorial: finance, accounting, logistics and installation
- CSV import/export, PDF offer flow and KSeF demo payload
Demo credentials
Demo accounts are available on the login screen.
Stack
ReactTypeScriptNext.jsSupabasePostgreSQLTailwind CSSVercel
Status: Production-like CRM demo
02
Interactive MacBook Portfolio
Problem
An interactive portfolio needs to stay playful without replacing the clearer technical evidence of the main site.
Experimental MacBook-style portfolio with a cinematic intro, desktop panels, project links, contact shortcuts and mini games.
Real features
- Click-to-start MacBook intro
- Interactive desktop with dock and app windows
- Project, about, skills, contact and calendar panels
- Terminal commands and quick actions
- Embedded browser games and Berni Rush shortcut
- ENG/PL language switch
Stack
ReactTypeScriptViteCSSlucide-reactVercel
Status: Experimental interactive portfolio
03
Berni Rush
Problem
A browser game project needs fast interaction, clear state handling and a playable loop rather than business workflow screens.
Playable 3D arena game prototype built to practice real-time interaction, state management and browser deployment.
Real features
- 3D arena gameplay
- Keyboard and touch controls
- Playable classes and skins
- Enemy waves and boss encounters
- Upgrades, pickups and saved progress
Stack
ReactTypeScriptViteThree.jsZustandVercel
Status: Playable prototype / Side project
04
Portfolio
Problem
A technical portfolio should help reviewers understand the strongest project quickly without entry-level positioning or vague marketing.
Personal developer site focused on business web applications, project evidence, bilingual case studies and protected email/phone reveal.
Real features
- B-CRM-first project structure
- Technical reviewer section
- Bilingual case studies
- Custom Cal.com booking flow
- Protected email and phone reveal
- SEO, OpenGraph and GTM-ready metadata
Stack
Next.jsReactTypeScriptTailwind CSSCal.com APITurnstileVercel
Status: Active development
05
Unreal Engine Gameplay Prototype
Problem
A gameplay prototype needs interaction systems, mission structure and environment blockout before it can become a full game.
Local Unreal Engine 5 prototype focused on gameplay systems, driving, contracts, UI/HUD and open-world environment exploration.
Note: Local prototype only: no public demo or repository.
Real features
- Driving systems
- Mission and contract mechanics
- UI/HUD systems
- Open-world environment blockout
- Gameplay interaction systems
- Performance and gameplay experimentation
Stack
Unreal Engine 5Blueprint SystemGame DesignUI SystemsOpen-world prototyping
Status: Local prototype / Experimental
06
BerniNutri
Problem
Food tracking from photos needs a clear review flow because AI nutrition estimates can be incomplete or inaccurate.
Mobile-first AI nutrition tracker prototype with image analysis, local meal history and explicit confidence notes.
Real features
- Meal photo upload
- OpenAI-backed analysis endpoint
- Calories and macro summary
- Local meal history
- Daily progress dashboard
- Error states for missing API configuration
Stack
ReactTypeScriptViteOpenAI APILocalStorageVercel
Status: Prototype
07
Leasing Calculator
Problem
Business users often need a quick leasing cost estimate before moving to a financial offer conversation.
Business calculator demo with leasing inputs, cost summary, printable result and lead capture flow.
Real features
- Net and gross value handling
- Down payment, period and buyout inputs
- Operational/financial loan variants in UI copy
- Result summary for the client
- Lead form connected to a serverless endpoint
- Business disclaimer for indicative results
Stack
ReactTypeScriptViteHonoDrizzleBunVercel
Status: Production-like business tool demo
Technologies used in projects
Stack used across projects and public demos.
React / TypeScript
Used in B-CRM, BerniNutri, the leasing calculator and portfolio for UI components, forms, routing, state and app logic.
Next.js
Used for web app structure, routing, metadata, server routes and Vercel deployment.
Supabase / PostgreSQL
Used in B-CRM for auth, user roles, lead data, change history and database-backed workflows.
Tailwind CSS
Used to build responsive interfaces quickly across dashboards, forms and portfolio views.
Vercel
Used to deploy the portfolio, B-CRM and supporting public app demos.
OpenAI API
Used as a supporting tool for prototyping, debugging, automation and selected app features. AI is not presented as a replacement for software engineering skills.
Contact
Talk about a web app, CRM or frontend role
Book a short call or reveal email and phone after a quick human check.
Calendar
Choose a day
Phone
© 2026 Kacper Bernecki. All rights reserved.