Nastrój: Aplikacja internetowa mediów społecznościowych

Vibe to aplikacja internetowa mediów społecznościowych z różnorodnymi funkcjami angażującymi użytkowników, takimi jak posty, polubienia, komentarze i wzmianki o użytkownikach. Projekt rozpoczął się jako zadanie końcowe dla CS50, a później ewoluował w osobisty projekt do nauki i praktykowania React i Next.js.

Problem:
W przeciwieństwie do tradycyjnych projektów, Vibe nie został stworzony w celu rozwiązania konkretnego problemu użytkownika. Zamiast tego służył jako platforma do nauki i eksploracji nowoczesnych technologii internetowych. Wyzwanie polegało głównie na poprawie umiejętności programistycznych i zrozumieniu pełnostackowego rozwoju aplikacji internetowych.

Cele i zadania:
Głównym celem Vibe było stworzenie szybkiej, przyjaznej dla użytkownika aplikacji mediów społecznościowych z doskonałym doświadczeniem użytkownika, responsywnym designem i silną optymalizacją SEO. Dodatkowo, służył jako platforma do opanowania React, Next.js i rozwoju pełnostackowego, umożliwiając eksplorację nowoczesnych technologii internetowych poprzez praktyczną implementację.

Proces rozwoju:
Projekt rozpoczął się od projektowania UX/UI, co było kluczowe, biorąc pod uwagę, że Vibe jest platformą napędzaną przez użytkowników. Wykonano kilka iteracji projektu, aż osiągnięto satysfakcjonujący, estetycznie przyjemny interfejs. Po sfinalizowaniu projektu, faza rozwoju obejmowała stopniową implementację funkcji, zaczynając od podstawowej funkcjonalności i stopniowo dodając nowe możliwości w miarę upływu czasu.

Wyniki:
Vibe został ukończony w ciągu dwóch miesięcy, ale nadal ewoluuje, gdy dodawane są nowe funkcje. Projekt skutecznie pokazuje umiejętności w nowoczesnych frameworkach rozwoju aplikacji internetowych i bazach danych, z silnym naciskiem na doświadczenie użytkownika.

Kluczowe funkcje:
Niektóre z najbardziej zauważalnych funkcji Vibe to:
Rejestracja i logowanie użytkowników: Użytkownicy mogą zakładać konta, logować się i zarządzać swoim profilem.
CRUD Posty: Użytkownicy mogą tworzyć, czytać, aktualizować i usuwać posty, z możliwością wzmiankowania innych użytkowników.
Komentarze i reakcje: Użytkownicy mogą komentować posty, polubić je i reagować na posty za pomocą niestandardowych reakcji.
Strony profili: Użytkownicy mają własne strony profili, aby przeglądać posty i aktywność.
System obserwacji: Użytkownicy mogą obserwować innych i widzieć ich posty w spersonalizowanym feedzie.
Powiadomienia: Użytkownicy są powiadamiani, gdy ktoś polubi ich post lub zacznie ich obserwować.
Responsywny design: Aplikacja została zaprojektowana z myślą o urządzeniach mobilnych, ale dobrze dostosowuje się do większych ekranów komputerowych.

Podsumowanie i wnioski:
Praca nad Vibe pozwoliła na praktyczne doświadczenie z Next.js, React i PostgreSQL, wzmacniając zarówno umiejętności front-endowe, jak i back-endowe. Było to szczególnie cenne, ponieważ był to pierwszy projekt tego rodzaju.