Skip to content

Latest commit

 

History

History
40 lines (34 loc) · 2.59 KB

README.md

File metadata and controls

40 lines (34 loc) · 2.59 KB

👩‍❤️‍💋‍👨 Tinderclone

Aplikacja webowa przedstawiająca klon Tinder'a. Pozwala wyświetlać różne osoby, osoby z którymi masz match, również jest zawarty moduł chatu, który pozwala na prowadzenie konwersacji z wybranymi osobami. Projekt napisany przy użyciu kombo .NET 6 / Angular 14.

Użyte narzędzia

  • Angular 14, HTML, CSS, RxJS, Bootstrap, Typescript - frontend
  • .NET 6, ASP.NET Core Web API, ASP.NET Core SignalR, ASP.NET Core Identity, Entity Framework Core, SQLite - backend

Cała aplikacja została zaimplementowana zgodnie ze wzorcem CQRS - Command and Query Responsibility Segregation, dla implementacji podobnej segregacji został wykorzystany dodatek MediatR.

Zaimplementowane rzeczy

  • Autentykacja na podstawie JWT-tokenów
  • Autoryzacja za pomocą ról - w powiązaniu z ASP.NET Core Identity
  • Zarządzanie skrzynką wiadomości, chat na żywo za pomocą SignalR
  • Widoczność osób online - za pomocą SignalR
  • Możliwość dodawania zdjęć profilowych oraz ustawiania głównych
  • Panel admina który zarządza rolami użytkowników oraz zatwierdza/odrzuca nowe zdjęcia użytkowników.
  • Paginacja strony wszystkich użytkowników oraz użytkowników polubionych
  • Cachowanie po stronie serwisów Angular'a
  • Edycja całego profilu osoby
  • CQRS + MediatR
  • Angular Route Guards do przeciwdziałania przypadkowym akcjom
  • Angular Interceptors do wysłania zapytań z nagłówkiem autentykacji

I wiele innych :)

Jak zainstalować

1️⃣ Pobrać kod źrodłowy backend + frontend
2️⃣ Uruchomić API (automatycznie zrobi migrację bazy SQLite).
3️⃣ Uruchomić stronę kliencką: ng serve

Screenshoty

Screenshot_2 Screenshot_3 Screenshot_4 Screenshot_5 Screenshot_6 Screenshot_7 Screenshot_8 Screenshot_9