Description

This is a social media app for all pet lovers. The users first need to create an account and login to view the content. After the user is authenticated they have the options of :

• Adding a new pet including( name, image, description, breed and hobbies).
• Searching for pets already in the database.
• Liking other posts.
• Commenting on their own posts as well as others.
• Replying to comments.
• Live chatting with other users.

Installation In order to start the app after opening up the code on your favorite editor. The first step is to run rails:db migrate db:seed to get the database ready. Then run Rails S on the first terminal and npm start --prefix client on the second one.

Technologies

——————————————————————————

Frontend Using React, PetSnap is a single page application. The user can click on the Add More button if they want to see more than 5 posts per page. Below is the React components tree:

Other frontend technologies include : Bootstrap, Matrial UI and react-share.

Backend

The backend was created using Ruby on Rails.

API Endpoints :

Association Routes :

Credits Klajdo Qasolli | 2023