Adopt-Pet-MK
=> Adopt-Pet-mk is a dynamic web application which helps in adopting variety of pets from different breeds.
https://adopt-pet-mk.vercel.app/
Website Link =>https://adopt-pet-mk.netlify.app/
Website Link =>Project's Screenshots =>
Getting Started
-
To get started with this project, you will need to have
Node.js
andNPM
installed on your system. -
First, you need to open a
Terminal
in your system andClone
this repository by using :
git clone https://github.com/Mk4Levi/Adopt-Pet-MK.git
- Navigate to the Project's directory :
cd Adopt-Pet-MK
- Install all Dependencies used in this Project :
npm install
- Finally, host it on local server :
npm run dev
- Now just search this link in your browser to view the live running application in your Local sysytem :
http://localhost:5173
Paths & Files
Structure of the Folders & Files in this Repo :
.
.
├── public/
├── src
│ ├── assets/
│ ├── components/
| └── App.jsx
| └── Carousel.jsx
| └── Details.jsx
│ └── ErrorBoundary.jsx
│ └── Modal.jsx
│ └── Pet.jsx
| └── Results.jsx
│ └── SearchParams.jsx
│ └── fetchBreedList.js
│ └── fetchPet.js
│ └── fetchSearch.js
│ └── useBreedList.js
│
│ ├── contexts/
| └── AdoptedPetContext.jsx
│
│ ├── css/
│ └── style.css
|
│ ├── index.jsx
| ├── index.html
│ ├── vercel.json
│
├── .eslintrc.json
├── .gitattributes
├── .gitignore
├── package-lock.json
├── package.json
├── README.md
├── vite.config.js