This application allows users to create a profile, add photos, do simple searches and message other users. It was built on ASP.NET core and Angular 10. Created following tutorial from Neil Cummings, TryCatchLearn.
I originally started this using .NET core 3.1/Angular 8, but found I did not have enough Angular knowledge, so put it on pause, and learned Angular in more depth. When I came back to this project, it had been updated to .NET core, so I started it over.
This app is best viewed on a full-sized screen.
- create the API
- create the Users entity, db, controller
- Add Angular as front-end
- Note: The base of this project was done as a tutorial. Gender is listed as binary to make use of the ternary operator. The most common use case will be men looking for women, hence the default looking for women.
- Add global exception handling
- Initially hashing and salting the password, refactor to ASP.NET identity later
- TODO: clicking again unlikes member
- features used: ASP.NET Identity, route guards, modals
- Refactor authenticaton using a query string, update CORS
- Refactored Messaging Feature to Use SignalR,
- Presence Tracker uses a Dictionary (in memory) of connection IDs, so rely on single server. Plan to update
- Use a thread lock on OnlineUsers
- User indicator color changes from black to green when user is online
- Track group members with a database, Add Group and List of connections entities
- Create a service for the confirm window, add to route guard, delete message
Later commits are my additions to the project
- Refactor presence tracker to use Redis
- Like / unlike functionality
- Add in testing
- Make more responsive
- Add about page on how to use
- Add photo admin functinality - approve photos, message user status-awaiting approval, only uploader,admins can see photos until approved
NOTE: This app was made in .net5 on windows 10, and was tested in chrome, edge and firefox.