/meowdopt

It is an app to find cats available for adoption in Alberta, Canada.

Primary LanguageJavaScript

meowdopt

Many shelters have their own website, making it harder for users to find their soulmate cats. With this website, the user will be able to find all cats available for adoption in the ten biggest cities in Alberta on one single application.

Table of contents

Overview

Features

  • View a list of all cats available for adoption
  • Scroll back to the top of the cat list
  • Search cats and clear search input
  • Filter cats by gender, age and/or city, and clear all filters
  • View details of a specific cat
  • View details of a cat's shelter and their cats
  • Open the default mail client by clicking on the shelter's email
  • Sign In/Sign Up/Log out
  • Once the user is logged in, they can:
    • Send/Cancel an adoption request for a cat
    • Like/Remove like of a cat
    • See their favorites/requested cats

Technologies

html5 css3 bem sass javascript react nodejs api

UI Libraries

Installing

  • Download this Repository or clone it: git clone git@github.com:aramatsolrac/meowdopt.git
  • cd into the new folder and type npm install
  • To run the React project type: npm start
  • Note: This application requires the backend running at the same time: meowdopt API

Live

  • meowdopt
    • Note: If it does not open at the first try, give it a minute because free heroku dyno could be sleeping.

Author