Monday, August 15, 2022
HomeWordPress DevelopmentI Created A Easy Tinder Like Clone

I Created A Easy Tinder Like Clone




Introduction

Hey! Lately I have been studying Rails and have created a easy Tinder like clone so I assumed I would present it. 😀




Dwelling Web page

The Dwelling Web page is fairly easy containing only a fullscreen background picture, with the choices to Login and to create a brand new account.

Landing Page




Creating A New Account

The create account web page type takes an electronic mail handle, identify, password and gender. (Sure I do know I ought to implement password affirmation). The tutorial I used was Japanese therefore the Japanese textual content. 🎌

Signup Page




Login Web page

The login web page type is identical as your common login web page it takes an electronic mail handle and the person’s password.

Login Page




Customers Web page

As soon as the person has logged in they’re greeted with a web page that shows different customers show photos, the person can then drag the cardboard proper to “like” the person or left to “dislike” the person.
This course of continues till there isn’t any extra playing cards left.

Users Page




Edit Profile Web page

The edit profile web page permits the person to alter their profile data and or picture.

Edit Profile Page




Matched Web page

The matched web page shows a listing of customers which have every “favored” one another. Clicking on a matched person navigates the web page to the chat web page.

Matched Page




Chat Web page

The chat web page is just about like your normal chat message utility, acquired chats are displayed on the proper and despatched chats are displayed on the left.

Chat Page




Conclusion

Thanks for studying my article! 😆

I do know the applying could also be easy however I managed to study the next issues:

  • Devise – Used for signup/login, extremely really useful should you use rails and wish authorization out of the field.
  • Channels – Used for the chatroom, very straightforward to implement websocket. I am pondering of utilizing it once more for different purposes.

I am pondering of constructing one other Rails tutorial, so let me know what you assume.
Additionally I have never forgot about my WebRTC collection, it is simply that I must study Rails for my new job, and I am having lots of enjoyable studying it. 😎

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments