Project Cherry Valley - Nowa generacja social mediów oraz komunikacji

Hejka,

Dzisiaj postanowiłem pokazać Wam projekt po godzinach, który docelowo będzie polegać na stworzeniu własnych forów bez znajomości programowania z dobrym indeksowaniem SEO. Aplikacja ma łączyć ulubione funkcje facebooka, discorda, twittera.

Pierwsza wzmiana na temat tego projektu znajdziecie tutaj: https://www.pecetowicz.pl/topic/ips-community-suite-500-data-wydania-i-czego-sie-spodziewac-108299/?do=findComment&comment=581784&_rid=36319

Niestety rozmowy z firmą dotyczącą zakupu aplikacji okazał się klapą, więc raczej nie będę robił z tego tajemnicy i już teraz...

Przedstawiam Wam projekt Cherry Valley! (nazwa kodowa)

Stack technologiczny frontend:

• React
• NextJS
• NodeJS
• React Query
• React Hook Form
• GraphQL
• floating-ui
• SASS
• TypeScript

Stack technologiczny backend:

• NestJS
• ExpressJS
• NodeJS
• Apollo Server GraphQL
• Redis
• Prisma (MySQL)
• TypeScript

Aktualnie w projekcie działają i są zaimplementowane do pokazania:

• Logowanie, Rejestracja,
• Dodawanie, edytowanie, usuwanie postów w raz z wysyłaniem zdjęć

Pierwsze screeny:

Zastanawiam się czy udostępnić projekt jako open source, aby każdy mógł sobie coś porobić i mi pomóc.

Projekt docelowy dla modułu forów jest jeszcze w fazie planowania (rysunki w figmie, badanie funkcjonalności itp.). Wiadomości również będą, ale na tą chwilę badam i testuję szyfrowanie end2end.
Co myślicie o projekcie? Może macie jakieś pytania?

Ja już zacieram rączki i oczekuje na Live Demo, żeby sobie potestować. 

Oho. musze ci pogratulować pomysłu 🙂, czekam również na demko.

Zdjęcia nie oddają zapewne rzeczywistości, wiec demko poglądowe jak najbardziej   😛

Za pomysł 🖐️

Za udostępnienie ( co prawda foto , no ale ) 🖐️

design podobny do ips jak dasz open source to Cię okradą z twojej pracy i jeszcze na tym zarobia lepiej zrobić model hostowany z płatnościami kwartalnymi.

Połączenie IPS'u z Facebookiem, coś pięknego 😄 Czekam na wersje live 😄

Kolejna dawka aktualizacji projektu. Ostatnio pracowałem głównie przy froncie czyli nad udoskonaleniem ekranów ładowania, błędów, wysyłania plików oraz ustawieniach użytkownika. Sporo pracy poszło na dokładną optymalizację animacji oraz stworzeniu komponentu select, który ma mieć wsparcie wyszukiwarki wraz z multi selectem oraz JSX.

Oraz coś ekstra, jak strona wygląda na mobilnej wersji (bardzo wczesna wersja):

Mija już dwa tygodnie od ostatniej aktualizacji. Czas na przedstawienie nowości jakie do tej pory zawitały do aplikacji 🙂 Ten okres skupiał się głównie na stabilizacji całego systemu oraz postawieniem wersji alpha (więcej info niżej).

Ciemny motyw:

Dodawanie/usuwanie własnego avatara wraz z możliwością jego przycięcia:

Nowe funkcje w ustawieniach - Zmiana motywu oraz języka:

Przeprojektowano model do tworzenia/edytowania postów:

Oficjalnie public alpha (LIVE DEMO) projektu jest już dostępna dla wszystkich chętnych!

https://social.axendev.net/

Dajcie znać jak Wam się podoba!

W wersji public alpha aplikacja może nadal działać niestabilnie oraz baza danych może być regularnie czyszczona.

PS: Podczas rejestracji button po zatwierdzeniu przejdzie w stan ładowania. Będzie to nieskończone ładowanie, które można pominąć logując się tutaj => https://social.axendev.net/login

Fajnie to wygląda, wszystko wczytuje się momentalnie, dużo podobieństw do IPS ale to dobrze.

Po kliknięciu w obrazek planujesz dodać lightbox czy będzie to coś jak na Facebooku (pełne okno z komentarzami)?

Edit. Wyskoczył mi na sekundę błąd 500, przy powrocie na stronę główną, pewnie nic poważnego ale warto sprawdzić przez co.

17 minut temu, SeNioR napisał:

Po kliknięciu w obrazek planujesz dodać lightbox czy będzie to coś jak na Facebooku (pełne okno z komentarzami)?

lightbox

18 minut temu, SeNioR napisał:

Edit. Wyskoczył mi na sekundę błąd 500, przy powrocie na stronę główną, pewnie nic poważnego ale warto sprawdzić przez co.

Tak, jedyna niestabilizacja jaka mi pozostała to błąd z połączeniem backendu z bazą danych. Czasami sesja znika i apka wiąże połączenie na nowo. Jeszcze nie udało mi się tego naprawić.

Dla tych co nie chcą się rejestrować oto konto testowe:

Email: test@test.pl
Password: test123

https://social.axendev.net/

Wiem że to dopiero wczesna wersja, ale za duża ta przestrzeń masakrycznie :P

W dniu 17.01.2023 o 22:39, chrumcio napisał:

Wiem że to dopiero wczesna wersja, ale za duża ta przestrzeń masakrycznie 😛

Mam plan jak ją zapełnić (niekoniecznie tutaj) 😉 Na razie dodałem pustą przestrzeń.

___

Z takich większych zmian to dodano hover card dla użytkowników:

Ulepszono nawigację dla mobilnej wersji:


Ulepszono również walidację podczas rejestracji. Nie jest jeszcze ona idealna. Pracuje nad nią i jeszcze testuje różne możliwości:

A nad wykopem 2.0 pracowali ponad 3 lata ( ͡° ͜ʖ ͡°)

Bardzo mi sie podoba, powodzenia w dalszej pracy.

Robi się z tego taki Mastodon ale na wzór IPS Community Suite 😛

Co do wyglądu profilu, można podpatrzć jakiś pomysł np. tu:

• https://truthsocial.com/@LeeZeldin 
• https://gab.com/pecetowicz

No I Chyba znalazłem przyszłość swojego forum. Na iPhonie wychodzi poza ekran nawet po przeładowaniu, koncept fajny.

Notyfikacje bym skrócił bo wchodzą na szybkie menu w dole. 
Dodawanie komentarzy do wystawionych komentarzy nie działa 

Ogólnie fajnie i przejrzyście. Zerknę na lapku i dam znać. 

22 minuty temu, edjazoli25 napisał:

Na iPhonie wychodzi poza ekran nawet po przeładowaniu, koncept fajny

Możesz wysłać screena jak to wygląda u Ciebie?

23 minuty temu, edjazoli25 napisał:

Notyfikacje bym skrócił bo wchodzą na szybkie menu w dole. 

Jest to aktualnie tylko koncept. Jak zacznę tworzyć webhooki oraz powiadomienia push to wtedy będę to dokładnie projektował.

24 minuty temu, edjazoli25 napisał:

Dodawanie komentarzy do wystawionych komentarzy nie działa

Tak, nie ma jeszcze dla nich skończonego API.

12 godzin temu, aXenDev napisał:

Możesz wysłać screena jak to wygląda u Ciebie?

Rano wszedłem i jest ok nic nie ucina i nic nie wystaje za brzegi ale jak rozciągniesz i przeładujesz stronę to zostaje jak było a powinno wrócić do pierwotnego stanu. Mam już na ulubionych dodane wiec będę zerkał i dodawał w osobnym temacie” bugi „ itp 

https://we.tl/t-csPrnZ2zJc

8 godzin temu, edjazoli25 napisał:

Rano wszedłem i jest ok nic nie ucina i nic nie wystaje za brzegi ale jak rozciągniesz i przeładujesz stronę to zostaje jak było a powinno wrócić do pierwotnego stanu. Mam już na ulubionych dodane wiec będę zerkał i dodawał w osobnym temacie” bugi „ itp 

https://we.tl/t-csPrnZ2zJc

Fixed

Dzisiaj kolejna dawka nowości 😄 Rozpoczynam pracę nad powiadomieniami a konkretnie nad webhookami wraz z podpięciem ich pod push notifications w przeglądarce. Najpierw na froncie jest tworzony szkielet. Dla testów możecie sami wywołać powiadomienia w headerze (obok logo). A powiadomienia wyglądają tak:

Dla ciekawskich powiadomienia zostały częściowo zintegrowane z systemem. Zachęcam do eksplorowania aplikacji, aby zobaczyć ich więcej 😄

Nowością jest osobny panel dla użytkownika na urządzeniach mobilnych. Na tą chwilę jedynie widać podstawowe informacje, przejście do ustawień oraz przycisk do wylogowania. W przyszłości zostaną dodane nowe funkcje w raz z rozwojem apki.

Naprawiono również błędy, a najważniejsze to:

• Nieprawidłowe przekierowanie strony po wylogowaniu użytkownika,
• Poprawiono animację dodawania i usuwania posta,
• Poprawa stabilności animacji na urządzeniach mobilnych podczas tworzenia posta

Przypominam link do aplikacji => https://social.axendev.net/

@edjazoli25odpowiadając na Twoje pytanie to baza danych została zresetowana, dlatego wszystkie konta zarejestrowane zostały usunięte. Przebudowałem trochę działanie backendu eliminując głównie ten błąd:

W dniu 15.01.2023 o 16:41, SeNioR napisał:

Edit. Wyskoczył mi na sekundę błąd 500, przy powrocie na stronę główną, pewnie nic poważnego ale warto sprawdzić przez co.

Projekt zmierza w bardzo dobra stronę :) 

Znalazłem jeden mały szkopuł checkbox stracil swoja kwadratowosc przez dlugi tekst

Tak jak mowisz fajnie byłoby go udostępnić jako open source na github i znaleźć kilka osób do pomocy :) 

Jeszcze taka mała uwaga wszystkie emotki, reakcje fajnie jakby były w wektorze -svg na tym zawsze ubolewam bo jednak raster traci mocno na jakości.. 

Warto chyba juz na tym etapie popracowac nad optymalizacja kodu? Żeby nie powtórzyć tragicznych wyników IPS na urządzeniu mobilnym :D

Z niecierpliwoscia czekam na wersję forum :)

Jak bedziesz potrzebowac coś z grafiki to pisz śmiało na PW 

42 minuty temu, Grafidea napisał:

Znalazłem jeden mały szkopuł checkbox stracil swoja kwadratowosc przez dlugi tekst

Fixed, thx.

43 minuty temu, Grafidea napisał:

Jeszcze taka mała uwaga wszystkie emotki, reakcje fajnie jakby były w wektorze -svg na tym zawsze ubolewam bo jednak raster traci mocno na jakości.. 

Docelowo będą w SVG. To jest tymczasowe rozwiązanie.

43 minuty temu, Grafidea napisał:

Warto chyba juz na tym etapie popracowac nad optymalizacja kodu? Żeby nie powtórzyć tragicznych wyników IPS na urządzeniu mobilnym 😄

Kod jest już od początku zoptymalizowany. Jeżeli chodzi o wyniki np. z google lighthouse jest to spowodowane tym że jest jeden plik JS na jedną stronę. Trzeba go rozbić na kilka mniejszych, ale tym będę się zajmował jak stworzę dokładnie powiadomienia. Tak to wszystkie problemy IPS są tutaj rozwiązane jak np. brak ładowania wszystkich CSS tylko tych, które są naprawdę potrzebne.

Czy masz w planach stworzyć jakąś roadmap dotyczącą planowanych funkcji itp?

6 minut temu, Grafidea napisał:

Czy masz w planach stworzyć jakąś roadmap dotyczącą planowanych funkcji itp?

Planowałem dodać publiczne repozytorium na temat projektu. Tam miałyby się znajdować wszystkie informacje nad czym pracuje aktualnie, co jest w planach itp. Jakoś nie mogę się za to zabrać.