← Wszystkie realizacje
Web + RAG Chatbot

Portfolio AI

jakubprejzner.eu ↗

Osobista strona portfolio z wbudowanym asystentem AI opartym na RAG. Chatbot (aktywowany skrótem Cmd+K) odpowiada na pytania o projekty, stack technologiczny i doświadczenie. Animowane tło 3D w Three.js. Strona sama w sobie jest demonstracją umiejętności AI engineering.

RAG
chatbot z bazą wiedzy (Cmd+K)
3D
animowane tło Three.js
<3s
czas ładowania strony
Portfolio AI - jakubprejzner.eu
✕Wyzwanie

Portfolio, które samo udowadnia umiejętności

Standardowe portfolio to lista projektów i linków do GitHuba. Każdy developer ma takie samo. PDF z CV, sekcja "About me", kilka screenshots. Zero interaktywności, zero "wow effect".

Wyzwanie: stworzyć stronę, która sama w sobie jest demonstracją umiejętności AI engineering. Nie mówić "znam AI", tylko pokazać to na żywo. Rekruter wchodzi na stronę, klika Cmd+K i rozmawia z chatbotem, który wie wszystko o autorze. To jest proof of skill.

✓Rozwiązanie

Strona, która rozmawia z odwiedzającymi

Portfolio z wbudowanym asystentem AI opartym na RAG. Chatbot ma dostęp do bazy wiedzy o autorze, projektach i doświadczeniu. Nie halucynuje, bo odpowiada na podstawie faktów. Animowane tło 3D w Three.js dodaje "wow effect" bez obciążania przeglądarki. Strona ładuje się poniżej 3 sekund.

💬

RAG Chatbot (Cmd+K)

Asystent AI odpowiadający na pytania o projekty, stack technologiczny i doświadczenie. Oparty na RAG, nie halucynuje.

🌐

Animowane tło 3D

Particle system w Three.js. Wizualny "wow effect" bez spadku wydajności. Responsywne, adaptuje się do rozmiaru ekranu.

⚡

Poniżej 3 sekund

Czas ładowania strony zoptymalizowany przez SSR, code splitting i edge caching na Vercel.

📱

Pełna responsywność

Od mobilnych ekranów po ultrawide monitory. Każdy breakpoint dopracowany ręcznie.

🔍

SEO zoptymalizowane

Structured data, meta tagi, sitemap, robots.txt. Strona widoczna w Google.

⚙Tech Stack

Dlaczego te technologie?

Każda decyzja technologiczna ma uzasadnienie. Zero buzzwordów, same konkrety.

▲

Next.js

SSR + SSG, najlepszy framework do portfolio. SEO out of the box, performance bez kompromisów.

🔗

RAG Pipeline

Chatbot z bazą wiedzy o autorze. Nie halucynuje, bo ma fakty. Odpowiedzi zawsze oparte na prawdziwych danych.

🎨

Three.js

Animowane 3D tło z particle system. Wizualny efekt, który robi wrażenie bez obciążania przeglądarki.

🚀

Vercel

Deployment z edge functions, globalny CDN, preview deployments. Zero konfiguracji serwera.

🧠

OpenAI API

Model GPT do generowania odpowiedzi chatbota. Szybkie, kontekstowe odpowiedzi na pytania odwiedzających.

🔷

TypeScript

Type safety na każdym poziomie. Mniej bugów, lepszy developer experience, auto-complete w IDE.

★Rezultaty

Portfolio, które jest dowodem umiejętności

Strona portfolio, która sama demonstruje umiejętności AI engineering. Zamiast mówić "znam RAG", odwiedzający może porozmawiać z chatbotem. Zamiast mówić "znam Three.js", widzi animowane 3D tło. Proof of skill, nie lista buzzwordów.

Chatbot
RAG + GPT
Czas ładowania
<3 sekundy
Tło 3D
Three.js particles
Deploy
Vercel Edge
Zobacz na żywo
jakubprejzner.eu
Kliknij Cmd+K i porozmawiaj z chatbotem
↗

Potrzebujesz podobnego rozwiązania?

Strona z AI chatbotem, RAG, animacje 3D, performance. Porozmawiajmy o Twoim projekcie.

Umów bezpłatną konsultację →