Furry Connect App

Furry Connect is a web application that connects pet owners with individuals or families who are interested in adopting a pet.
The platform is built using modern web development technologies such as HTML, Sass, Material UI, React.js, Redux, JSON-Server, React-Query, React-Router, and Axios.

Features

  • Search for pets: Users can search for pets based on various criteria such as pet type, age, breed, and location.
  • Browse pet profiles: Users can view detailed profiles for each pet, including photos, descriptions, and information about their health, without needing to sign up or creating an account.
  • Connect with pet owners: Users can contact pet owners through the information provided by the platform to ask questions or express interest in adopting a pet.
  • Responsive and Smooth UI with Pagination: The platform provides a responsive and smooth user interface for browsing available pets. Pagination is implemented to allow users to easily navigate through multiple pages of results.

Technologies Used

  • HTML
  • Sass
  • Material UI
  • React.js
  • Redux
  • JSON-Server
  • React-Query
  • React-Router
  • Axios

Live Link

You can access the live version of Furry Connect here: Furry Connect

How to Run the Project Locally

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js installed on your computer
  • A package manager such as npm or yarn

Installation

Clone the repository

git clone https://github.com/EmadHussien/Furry_Connect.git 

Install dependencies

cd Furry_Connect
npm install

or

cd Furry_Connect
yarn install

Start the development server

npm start

or

yarn start

The app will be running on http://localhost:3000

You can find the json-server data and fork it here : Furry Connect JSON-Data

Home Page Screenshot

Pets Page Screenshot

Single Pet Page Mobile View Screenshot