Yurba — ukraińska sieć społecznościowa z anonimowym śladem
Yurba — ukraińska sieć społecznościowa, skoncentrowana na swobodnej komunikacji i możliwości pozostawiania anonimowego śladu. Projekt został stworzony jako odpowiedź na przeciążony i niewygodny funkcjonalność Facebooka oraz brak anonimowości. Główna idea — dać Ukraińcom swoją platformę do dyskusji o wiadomościach, problemach i życiu w własnym infopolu, wykorzystując narzędzia, które zostały opracowane przez Ukraińców dla Ukraińców.
W Yurba również aktywnie wykorzystuje się funkcje AI:
- analiza postów i treści dla reklamodawców,
- poprawa rekomendacji,
- pomoc użytkownikom (na przykład „krótkie streszczenie posta” dla użytkowników premium).
Moja rola
Jestem współzałożycielem projektu i odpowiadam za:
- UI/UX-design całej platformy,
- frontend development (HTML, CSS, JavaScript, własna biblioteka komponentów),
- aplikację desktopową na Electron (WebView + dodatkowe funkcje AI i integracje).
- Faktycznie prowadzę produkt od pomysłu i prototypów do realizacji interfejsu i zachowania w przeglądarce/desktopie.
Technologie:
Frontend: Vanilla JavaScript, HTML, CSS, własna biblioteka komponentów YurbaLib
Backend: Go (Golang), MySQL
Desktop: Electron (opakowanie z dodatkowymi funkcjami, w tym AI-funkcje)
Infrastruktura: WebSocket- wiadomości (czas rzeczywisty dla wiadomości i części interakcji)
Podstawowa funkcjonalność projektu:
- Strumień postów z możliwością formatowania tekstu i dodawania plików.
- Profile użytkowników.
- Komentarze, polubienia, reposty.
- Trzy motywy wizualne: jasny, ciemny i ciemnoniebieski.
- Wiadomości w czasie rzeczywistym przez WebSocket.
- Wbudowany komunikator.
- Ustawienia strumienia i profilu.
- System Yurba Coins — wewnętrzna waluta na prezenty i ozdoby profilu.
Funkcje AI:
- analiza postów,
- rekomendacje,
- krótkie streszczenia/rezumé dla użytkowników premium.
UI/UX i system designu
Interfejs zbudowany jest na znanej użytkownikom strukturze, łącząc najlepsze pomysły Twittera, Facebooka i innych sieci społecznościowych, ale w bardziej czystej i logicznej formie.
Główny ekran — to trzy kolumny:
1. Lewa kolumna — nawigacja
menu: wiadomości, nowości, profil i kluczowe sekcje.
2. Centralna kolumna — treść
formularz publikacji posta z ustawieniami formatowania i dołączania plików,
główny strumień postów.
3. Prawa kolumna — ustawienia strumienia
dodatkowe filtry, ustawienia wyświetlania itp.
Interfejs jest zwięzły i maksymalnie czysty — użytkownikowi trudno się zgubić nawet przy pierwszej wizycie.
Co mogę zaoferować na podstawie tego projektu:
- Opracowanie zrozumiałych i „żywych” interfejsów pod jakiekolwiek zadania i produkty.
- Umiejętność dobierania kolorów, które działają, z zrozumieniem ich wpływu na postrzeganie produktu.
- Strukturalne podejście: zarówno kod, jak i design dzielę na oddzielne bloki/komponenty, które następnie łatwo skalować i dostosowywać.
- Pełny cykl: od pomysłu i prototypu w Figma — do gotowej aplikacji webowej lub desktopowej (VS Code, Git, DevTools itp.).
W Yurba również aktywnie wykorzystuje się funkcje AI:
- analiza postów i treści dla reklamodawców,
- poprawa rekomendacji,
- pomoc użytkownikom (na przykład „krótkie streszczenie posta” dla użytkowników premium).
Moja rola
Jestem współzałożycielem projektu i odpowiadam za:
- UI/UX-design całej platformy,
- frontend development (HTML, CSS, JavaScript, własna biblioteka komponentów),
- aplikację desktopową na Electron (WebView + dodatkowe funkcje AI i integracje).
- Faktycznie prowadzę produkt od pomysłu i prototypów do realizacji interfejsu i zachowania w przeglądarce/desktopie.
Technologie:
Frontend: Vanilla JavaScript, HTML, CSS, własna biblioteka komponentów YurbaLib
Backend: Go (Golang), MySQL
Desktop: Electron (opakowanie z dodatkowymi funkcjami, w tym AI-funkcje)
Infrastruktura: WebSocket- wiadomości (czas rzeczywisty dla wiadomości i części interakcji)
Podstawowa funkcjonalność projektu:
- Strumień postów z możliwością formatowania tekstu i dodawania plików.
- Profile użytkowników.
- Komentarze, polubienia, reposty.
- Trzy motywy wizualne: jasny, ciemny i ciemnoniebieski.
- Wiadomości w czasie rzeczywistym przez WebSocket.
- Wbudowany komunikator.
- Ustawienia strumienia i profilu.
- System Yurba Coins — wewnętrzna waluta na prezenty i ozdoby profilu.
Funkcje AI:
- analiza postów,
- rekomendacje,
- krótkie streszczenia/rezumé dla użytkowników premium.
UI/UX i system designu
Interfejs zbudowany jest na znanej użytkownikom strukturze, łącząc najlepsze pomysły Twittera, Facebooka i innych sieci społecznościowych, ale w bardziej czystej i logicznej formie.
Główny ekran — to trzy kolumny:
1. Lewa kolumna — nawigacja
menu: wiadomości, nowości, profil i kluczowe sekcje.
2. Centralna kolumna — treść
formularz publikacji posta z ustawieniami formatowania i dołączania plików,
główny strumień postów.
3. Prawa kolumna — ustawienia strumienia
dodatkowe filtry, ustawienia wyświetlania itp.
Interfejs jest zwięzły i maksymalnie czysty — użytkownikowi trudno się zgubić nawet przy pierwszej wizycie.
Co mogę zaoferować na podstawie tego projektu:
- Opracowanie zrozumiałych i „żywych” interfejsów pod jakiekolwiek zadania i produkty.
- Umiejętność dobierania kolorów, które działają, z zrozumieniem ich wpływu na postrzeganie produktu.
- Strukturalne podejście: zarówno kod, jak i design dzielę na oddzielne bloki/komponenty, które następnie łatwo skalować i dostosowywać.
- Pełny cykl: od pomysłu i prototypu w Figma — do gotowej aplikacji webowej lub desktopowej (VS Code, Git, DevTools itp.).