yongcycchen / Sakura

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sakura

Live Demo

Sakura is a online networking and dating platform that provides fine-grained filtering for matched users and realtime communication, in which users could set , update their profile and favoriting matches. It makes use of a .Net/PostgreSQL backend, Angular on the frontend with Cloudinary service for photo storage.


Features

  • Secure frontend to backend user authentication using JSON web token.
  • Real time messages with text and unread time ago.
  • Users can edit their profile with picture upload.
  • Display matches based on gender and age.
  • Each matches has a show page with details.

Techonologies

.Net was used as project backend. Fronend components were builded with Angular.


Manual

Sign up

User could sign up an account with personal info.


Nav bar

This Nav Bar could bring users to Matches, Lists of their like and likedby, Message Boxes, Edit personal profile.


User Profile

You click on edit profile.

Edit your profile

Edit your photo


Matches

Matches are shown by pages and can be filltered. Green user icon on the user means the is online.

Click user icon will navigate you to member detail.

User presence will be announced.


Lists

The matches who you liked and the matches who liked you.


Messages

The Unread, Inbox and Outbox messages.

Click on icon will navigated to messages. And will show the time ago when we sent the message and when the match read the message.

When someone text you, you will received the new message info, and will navigate you to member messages when you tap on the info.


About


Languages

Language:C# 49.2%Language:TypeScript 29.9%Language:HTML 18.5%Language:CSS 1.4%Language:JavaScript 1.0%