Skip to content

Aplikacja webowa przedstawiająca klon Tinder'a. Projekt napisany przy użyciu kombo .NET 6 / Angular 14. 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.

Notifications You must be signed in to change notification settings

Kowjako/Tinderclone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

👩‍❤️‍💋‍👨 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

About

Aplikacja webowa przedstawiająca klon Tinder'a. Projekt napisany przy użyciu kombo .NET 6 / Angular 14. 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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published