Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mk4levi/adopt-pet-mk
Adopt-Pet-mk is a dynamic web application which helps in adopting variety of pets from different breeds.
https://github.com/mk4levi/adopt-pet-mk
contexts javascript modals react-effects react-query react-states reactjs
Last synced: 2 months ago
JSON representation
Adopt-Pet-mk is a dynamic web application which helps in adopting variety of pets from different breeds.
- Host: GitHub
- URL: https://github.com/mk4levi/adopt-pet-mk
- Owner: Mk4Levi
- Created: 2023-08-12T05:31:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-21T21:44:50.000Z (5 months ago)
- Last Synced: 2024-10-07T09:23:29.489Z (3 months ago)
- Topics: contexts, javascript, modals, react-effects, react-query, react-states, reactjs
- Language: JavaScript
- Homepage: https://adopt-pet-mk.vercel.app/
- Size: 1.93 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Adopt-Pet-MK
## => Adopt-Pet-mk is a dynamic web application which helps in adopting variety of pets from different breeds.
## Website Link => https://adopt-pet-mk.vercel.app/
## Project's Screenshots =>
Getting Started
1. To get started with this project, you will need to have `Node.js` and `NPM` installed on your system.
2. First, you need to open a `Terminal` in your system and `Clone` this repository by using :
```bash
git clone https://github.com/Mk4Levi/Adopt-Pet-MK.git
```
3. Navigate to the Project's directory :
```bash
cd Adopt-Pet-MK
```
4. Install all Dependencies used in this Project :
```bash
npm install
```
7. Finally, host it on local server :
```bash
npm run dev
```
8. Now just search this link in your browser to view the live running application in your Local sysytem :
```bash
http://localhost:5173
```
Paths & Files
### Structure of the Folders & Files in this Repo :
```text
.
.
├── 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
```
# Thank You