Dating Animals

This project presents a dating site implementation. The front-end was made in Angular and the Back-End in .NET. It includes :

• Login / Register : A full fonctionnal and secure User Login and Register with .NET Identity
• Roles : An Admin and a Moderator role in order to moderate the platform and an Admin Panel.
• Presence Tracker : An online tracker via Hub allowing users to know which other users are logged in.
• Instant Message : An instant chat system with read/unread function and timeline.
• Like : A like feature to show which users liked you/you liked.
• Pagination : Pagination Header system to call the api

Back-End Stack

The back-end is designed as an API Rest with caching and CRUD operators. The Database is in SqLite (developement mode) then switched to PostGreSQL (production mode).

• .NET 8 : Microsoft Framework based on C# to create the API. More infos
• .NET Identity : .NET Identity was used to manage roles and Users More infos
• Entity Framework: Used to manage Database's query. More infos
• SQLite : Database language for the developement mode. More infos
• PostGreSQL : Database language for the production mode. More infos
• Nuget Gallery : Package manager for the back end side. More infos
• Swagger : Used to documentate the API's route More infos

Swagger snapshot

This is a snapshot of the Swagger avalaible directly on the api at the '/swagger' route. A lot of these route have optionnal query strings.

Entity Relational Diagram (ERD)

The database was created using .NET Identity. Here is the connection between the tables and there organization.

Front End Stack

The front-end of the web app was done using :

• Angular 16 : Typescript Framework More Infos
• Ngx Bootstrap : Theme library More Infos
• Font-Awesome : Icon repository More Infos
• Ngx-gallery: Plugin to create custom photo gallery More Infos
• ToastR: A plugin to display custom alert/info messages More Infos
• TimeAgo: A plugin to display date in a time passed format More Infos
• Ngx-Spinner: A library to add custom loading screen More Infos
• mkCert : Install localhost certificate to handle https More Infos
• Bootswatch : Custom theme for Bootstrap Library More Infos

Screenshots

Home Page

Matches Page

Message Page

Installation

Clone the repository on your local machine

To run the client

cd client
npm install
ng serve

To run the API

cd api
dotnet run

Live Version

Incoming

Authors

Gwendoline Jacobs.

@Fainteasy