meowverse
Version:
A lightweight JavaScript library to fetch random cat images from a remote API.
204 lines (139 loc) • 5.26 kB
Markdown
# 🐾 Meowverse
**Meowverse** is a lightweight and modern JavaScript library that delivers random and delightful cat images from a remote API. Whether you're building a fun app, a mood tracker, or just want a furry friend to lighten your UI, Meowverse is here to purr-fectionize your project.
## ✨ Features
- 🐱 Fetches **random** cat images
- 🎨 Get cats by **color**
- 😺 Pick cats by **mood**
- 🌈 Combine **color + mood** for curated results
- 🚀 Super fast thanks to in-memory caching
## 📦 Installation
To install **Meowverse**, use npm:
```bash
npm install meowverse
```
## 🛠️ Usage
To use **Meowverse**, import the required functions and start showing cats with different moods, colors, or even random ones:
```js
import {
purrfectlyRandomCat,
rainbowCatFinder,
moodyCatPicker,
colorfulMoodCats
} from "meowverse";
const showCats = async () => {
console.log("Random cat:", await purrfectlyRandomCat());
console.log("Black cat:", await rainbowCatFinder("black"));
console.log("Happy cat:", await moodyCatPicker("happy"));
console.log("White + sleepy cat:", await colorfulMoodCats("white", "sleepy"));
};
showCats();
```
This example demonstrates how you can call the functions to retrieve different cat images, either randomly, by color, mood, or a combination of both. Simply run the code to get cat images in your console.
## 📖 API Reference
Here are the functions available in **Meowverse**:
### `purrfectlyRandomCat()`
Returns a random cat image URL.
* **Returns**: A URL of a random cat image.
**Example**:
```js
const randomCat = await purrfectlyRandomCat();
console.log(randomCat); // Prints a random cat image URL
```
### `rainbowCatFinder(color)`
Returns a cat image URL based on the color provided.
* **Parameter**: `color` (string) - The color of the cat (e.g., `"black"`, `"white"`).
* **Returns**: A URL of the cat image or a message if no match is found.
**Example**:
```js
const blackCat = await rainbowCatFinder("black");
console.log(blackCat); // Prints a black cat image URL
```
### `moodyCatPicker(mood)`
Returns a cat image URL based on the mood provided.
* **Parameter**: `mood` (string) - The mood of the cat (e.g., `"happy"`, `"sleepy"`).
* **Returns**: A URL of the cat image or a message if no match is found.
**Example**:
```js
const happyCat = await moodyCatPicker("happy");
console.log(happyCat); // Prints a happy cat image URL
```
### `colorfulMoodCats(color, mood)`
Returns a cat image URL based on both the color and mood provided.
* **Parameters**:
* `color` (string) - The color of the cat.
* `mood` (string) - The mood of the cat.
* **Returns**: A URL of the cat image or a message if no match is found.
**Example**:
```js
const whiteSleepyCat = await colorfulMoodCats("white", "sleepy");
console.log(whiteSleepyCat); // Prints a white, sleepy cat image URL
```
## 💻 Development
To contribute to **Meowverse**, follow these steps:
1. Fork the repository.
2. Clone your fork locally.
3. Create a new branch (`git checkout -b feature-branch`).
4. Commit your changes (`git commit -am 'Add new feature'`).
5. Push to your branch (`git push origin feature-branch`).
6. Create a pull request.
## 📝 License
**Meowverse** is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🤖 API Example
Here’s how you can use the functions provided in **Meowverse**:
```js
import {
purrfectlyRandomCat,
rainbowCatFinder,
moodyCatPicker,
colorfulMoodCats
} from "meowverse";
// HTML'de img elementlerini almak
const randomCatImg = document.getElementById("random-cat");
const blackCatImg = document.getElementById("black-cat");
const happyCatImg = document.getElementById("happy-cat");
const whiteSleepyCatImg = document.getElementById("white-sleepy-cat");
const showCats = async () => {
// Kedi resimlerini API'den alıp img elementlerine yerleştirme
randomCatImg.src = await purrfectlyRandomCat();
blackCatImg.src = await rainbowCatFinder("black");
happyCatImg.src = await moodyCatPicker("happy");
whiteSleepyCatImg.src = await colorfulMoodCats("white", "sleepy");
};
// Kedi resimlerini göstermek için fonksiyonu çalıştır
showCats();
```
### HTML part:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meowverse Cats</title>
</head>
<body>
<h1>Random Cat</h1>
<img id="random-cat" alt="Random Cat" width="300" />
<h1>Black Cat</h1>
<img id="black-cat" alt="Black Cat" width="300" />
<h1>Happy Cat</h1>
<img id="happy-cat" alt="Happy Cat" width="300" />
<h1>White Sleepy Cat</h1>
<img id="white-sleepy-cat" alt="White Sleepy Cat" width="300" />
<script src="path/to/your/script.js"></script>
</body>
</html>
```
This example shows how to use **Meowverse** to fetch random, colored, and mood-based cat images and display them on a webpage.
Happy coding and enjoy the cute cat images! 🐱