Skip to content

This project is the part of 30 Days of React by Asabeneh. In this project, I have used Class Components and implemented a sorting filter to display Cats on the basis of their Origin country.

Notifications You must be signed in to change notification settings

Yola21/Cat-Paradise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This mini project is the part of 30 Days of React challenge.

Status: Finished

AboutFeaturesScreenshotsHow it worksTech Stack

About

😸: Cat-Paradise gives you all the info you need regarding your favorite cat.

Features

  • Used class component demonstrating use of Component Life Cycle
  • Used Axios to fetch data
  • Modal to display data
  • Tags to filter out cats on the basis of their country of origin

Screenshots

cases

---

How it works

This project have two parts:

  1. Frontend
  2. Hosting

It will need an account in Google to connect it to the Firebase for Hosting.

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine: [Git] (https://git-scm.com). In addition, it is good to have an editor to work with the code like [VSCode] (https://code.visualstudio.com/)

Running the web application

# Clone this repository
$ git clone https://github.com/Yola21/Cat-Paradise.git

# Go to your local repository:
$ cd [local repository]

# Check package.json file and ensure scripts are notated as below:

$ "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  
# Delete the node_modules folder and any 'lock' files such as 
yarn.lock or package-lock.json (if present).

# Install dependencies
$ npm install

# Run the application
$ npm start

Tech Stack

The following tools were used in the construction of the project:

Website (React)

See the file package.json

Utilities


Developed with ❤️ by Yash

About

This project is the part of 30 Days of React by Asabeneh. In this project, I have used Class Components and implemented a sorting filter to display Cats on the basis of their Origin country.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published