Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
August 15, 2022 02:07 am GMT

I Created A Simple Tinder Like Clone

Introduction

Hello! Recently I've been learning Rails and have created a simple Tinder like clone so I thought I'd show it.

Home Page

The Home Page is pretty simple containing just a fullscreen background image, with the options to Login and to create a new account.

Landing Page

Creating A New Account

The create account page form takes an email address, name, password and gender. (Yes I know I should implement password confirmation). The tutorial I used was Japanese hence the Japanese text.

Signup Page

Login Page

The login page form is the same as your average login page it takes an email address and the user's password.

Login Page

Users Page

Once the user has logged in they are greeted with a page that displays other users display pictures, the user can then drag the card right to "like" the user or left to "dislike" the user.
This process continues until there is no more cards left.

Users Page

Edit Profile Page

The edit profile page allows the user to change their profile information and or image.

Edit Profile Page

Matched Page

The matched page displays a list of users that have each "liked" each other. Clicking on a matched user navigates the page to the chat page.

Matched Page

Chat Page

The chat page is pretty much like your standard chat message application, received chats are displayed on the right and sent chats are displayed on the left.

Chat Page

Conclusion

Thanks for reading my article!

I know the application may be simple but I managed to learn the following things:

  • Devise - Used for signup/login, highly recommended if you use rails and want authorization out of the box.
  • Channels - Used for the chatroom, very easy to implement websocket. I'm thinking of using it again for other applications.

I'm thinking of making another Rails tutorial, so let me know what you think.
Also I haven't forgot about my WebRTC series, it's just that I need to learn Rails for my new job, and I'm having a lot of fun learning it.


Original Link: https://dev.to/ethand91/i-created-a-simple-tinder-like-clone-47l2

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To