Code Monkey home page Code Monkey logo

rushi2770 / datingapplication Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 8.01 MB

It's an sample ASP .Net Core application with the front-end developed using Angular 6 and Back-end API was developed using .NET Core and Entity Framework core to connect the SQL Database using Code-first approach:

Home Page: http://datingapplication.azurewebsites.net/

TypeScript 37.67% JavaScript 1.10% HTML 16.53% CSS 2.02% C# 42.68%
netcore webapi bootstrap4 entity-framework angular-6 azure-app-service sqlserver-2016 migrations

datingapplication's Introduction

Dating Application

A social networking site developed using .NetCore, EntityFramework core and SQL Server as part of developing Web API, Angular 6 was used to render the front end user interface.

Getting Started

I've successfully published this application azure web services and kept it run with minimum bandwidth. Feel free to visit the site and check out the features.

Site Url

http://datingapplication.azurewebsites.net

Test User credentials

username: test
password: test1234

Registration

You can sign up as a new user using the register button on the home page. Once registered user automatically navigated to their home page.

Registration Page blank

Validations on Registration Page

If a user fails to provide any information required for registration then Client Side validation kicks in and pops out the following errors

Registration Page errors

Once user provides all the required details, errors disappear and register button is enabled

Registration Page User details

Login

Use the test credentials and check out the login page

Login Page

Matches

On successful login, users will be redirected to matches page where they can find the other profiles.

Matching Page

Alert Messages

Users are notified regarding the action performed by the alert messages pop outs

Alert Messages

Browsing other profiles

Users can navigate to other profiles and find their interests, where abouts and pictures

Others Profile Page

Chat window

Users can navigate to chat window when they visit other profiles

Chat window

Message Center

This tab has the collection of messages sent out and received with filtration of Inbox, Outbox and Unread messages categorizes

Unread Messages

Chat window

Inbox

Chat window

Outbox

Chat window

Built With

  • .Net Core - API is build using .Net Core Framework
  • Angular - Angular 6 for front end developement
  • Azure - Used for application deployment to Azure.

Authors

  • Rushikesh Chikka

Acknowledgments

  • Neil Cummings from Udemy

datingapplication's People

Contributors

rushi2770 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.