Skocz do zawartości
Pecetowicz Forum komputerowe

[Express / MongoDB / React] Recipes app | Aplikacja z przepisami


Rekomendowane odpowiedzi

  • Ekspert

Hejka! Od ostatniej wigilii (czyli ok. 18 dni temu) zaczynałem pracę nad projektem, który miał polegać na stworzeniu prostego API oraz połączenie jego z jakimś frameworkiem (w moim przypadku padło na React).

Dzisiaj przedstawiam Wam aplikację, która jest tak jakby bazą przepisów wraz z systemem logowania oraz rejestracji.
Cały system posiada również system grup. Zwykła osoba może edytować i usuwać tylko swoje przepisy, lecz root ma możliwość edytowania wszystkiego.

Zadbałem również o zabezpieczenia. Użytkownik, który nie ma poprawnego klucza CSRF w ciasteczkach oraz w bazie danych będzie traktowany jako zwykły gość. Zwykłe zapytania do API również są zabezpieczone i niektóre wymagają klucza CSRF, aby mogły zadziałać.

Motyw jest zaczerpnięty od IPS oraz mojego motywu Fluent.

Autor: @aXenDev
Kodhttps://github.com/aXenDeveloper/express-react-recipes
Demo: Aktualnie brak
Grafiki:

1-min.thumb.png.4c3df92ca0a240f533de116854c53271.png

Spoiler

2-min.thumb.png.ae68f1af2fb055752e5004f52aff5f6e.png

3-min.thumb.png.ff9e128e22910191e4965723abeb0d53.png

4-min.thumb.png.df2d67493399344ba26c4139c134f38b.png

5-min.thumb.png.a3559007451fd809c27853473a219d48.png

6-min.thumb.png.d6da4d03014de4d0e192f687214149cd.png

7-min.png.295af92878fd33e978020b101d034068.png

8-min.thumb.png.b160fc2ff0d570002eff71ed055faeda.png

Paczki
Front-end

  • React
  • React Router - Osobne strony / Możliwość poruszania się po stronie bez przeładowania,
  • React Query - Fetch lub axios na sterydach,
  • React Form - Walidacja formularzy,
  • js-cookie - Zarządzanie ciasteczkami w przeglądarce,
  • SCSS - Preprocesor CSS,
  • Swiper - Slidery,
  • Typescript - Typy w JavaScript,
  • CKEditor - Edytor tekstu,
  • uniqid - Generator unikalnego ID

Back-end

  • Express.js - System backend dla API,
  • bcrypt - Haszowane haseł,
  • dotenv - Szyfrowanie pliku konfiguracji,
  • jsonwebtoken - Generowanie klucza CSRF,
  • mongoose - No-SQL baza danych,
  • multer - Zapisywanie plików na serwerze

Zapraszam do zgłaszania błędów tutaj: https://github.com/aXenDeveloper/express-react-recipes/issues
oraz do współtworzenia za pomocą Pull requests. 😄

Opinie mile widziane.

  • Lubię to! 2
  • Super 2
Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...