https://github.com/davidosky007/catalogue-of-pet

This React Capstone project is a browsable catalogue of pets using React and Redux that enables users to filter and access details of a specific item.
https://github.com/davidosky007/catalogue-of-pet

heroku-deployment react-hooks react-redux reactjs router thunk-middleware

Last synced: about 7 hours ago
JSON representation

This React Capstone project is a browsable catalogue of pets using React and Redux that enables users to filter and access details of a specific item.

• Host: GitHub
• URL: https://github.com/davidosky007/catalogue-of-pet
• Owner: Davidosky007
• Created: 2021-07-03T11:50:06.000Z (over 3 years ago)
• Default Branch: development
• Last Pushed: 2021-09-18T06:32:32.000Z (over 3 years ago)
• Last Synced: 2023-03-04T23:49:14.792Z (almost 2 years ago)
• Topics: heroku-deployment, react-hooks, react-redux, reactjs, router, thunk-middleware
• Language: JavaScript
• Homepage: https://pets-catalogie.herokuapp.com/
• Size: 4.87 MB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Catalogue Of Pets

> This React Capstone project is a browsable catalogue of pets using React and Redux that enables users to filter and access details of a specific item.

# Search Page

![screenshot](./public/ss-one.png)

# Details Page

![screenshot](./public/ss-two.png)

# About the project

This project was built as a React & Redux Capstone project at Microverse. It is based on the idea of a "Catalogue of Recipes" which is a single-page application with React and Redux. It shows a browsable list of pets that users can filter and access to the details of each pet. Every page, the main page, and pages for each item have a unique route within the Single Page Application. it has three functionality.

* Page with a list of pets that could be filtered by animal type

* Page for displaying lists of a particular animal type

* Page for displaying deatails of a particular pet

## Built With

* React

* PetFinder API

* Redux

* Hooks

* Router

* Css

* NodeJS

## Live Demo

[Live Demo Link](https://pets-catalogie.herokuapp.com/)

### Prerequisites

* NodeJS

* React

## Getting Started

To get a local copy up and running follow these simple example steps.

* Git clone repository `https://github.com/Davidosky007/catalogue-of-pet.git`

* Cd to the project directory `cd catalogue-of-pet`

* Install dependencies `npm install`

* On the terminal run `npm start` to open up live server

* To run test Type `npm run test` in the terminal

👤 **David Bassey**

* GitHub: [@davidosky007](https://github.com/davidosky007)

* Twitter: [@davidosky2](https://twitter.com/Davidosky2)

* LinkedIn: [David Bassey](https://www.linkedin.com/in/david-bassey-akan/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Davidosky007/catalogue-of-pet/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

* [My Pet Finder API](https://www.petfinder.com/developers/docs/)

* Facebook team who created creat-react-app API

* [Microverse](https://www.microverse.org/)

## 📝 License

This project is [MIT](lic.url) licensed.