Projekt powstał w celu poszerzenia wiedzy na temat Reacta i współpracujących z nim technologii. Zadaniem aplikacji jest imitacja rzeczywistego portalu informacyjnego. W ramach aplikacji użytkownik może przeglądać newsy dodane przez administratora, a także czytać wygenerowane z backendu komentarze, utworzone za pomocą biblioteki Faker. W aplikacji znajduje się także panel administracyjny, do którego dostępu pilnuje Firebase Authentication. To samo tyczy się funkcji, które panel dostarcza, gdyż są one walidowane przez backend za pomocą tokenu.
Za warstwę wizualną odpowiada framework MDBootstrap. Dostarcza on wiele przydatnych komponentów i jest łatwy w implementacji.
Dane przechowywane są w bazie MongoDB.
W aplikacji znajdują się widoki:
-
Home - wyświetla listę newsów
-
Login - panel logowania, jeśli serwis Firebase zatwierdzi użytkownika (jest zalogowany), przeniesie go do Dashboardu
-
Dashboard - panel administracyjny
-
NewsDetails - widok ze szczegółami newsa, zawiera także komponent Comments z wygenerowaną z backendu listą komentarzy.
-
About - informacje o stronie
Domyślny url aplikacji do http://localhost:3000
NewsPageReact jest częścią większego rozwiązania, którego częścią backendową jest NewsPageApi
Otwórz folder projektu i użyj komendy: npm install, a następnie npm start
- React
- Firebase
- MDBootstrap
- MongoDB
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent