<!-- @format -->

<h1 align="center"> SauceKudasai ✨</h1>

![SauceKudasai ](public/SauceKudasai.png)

<p>
  <img alt="Version" src="https://img.shields.io/badge/version-0.1.0-blue.svg?cacheSeconds=2592000" />
  <a href="https://github.com/ayushgptaa/SauceKudasai#readme" target="_blank">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
  </a>
  <a href="https://github.com/ayushgptaa/SauceKudasai/graphs/commit-activity" target="_blank">
    <img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" />
  </a>
  <a href="https://twitter.com/ayushgptaa" target="_blank">
    <img alt="Twitter: ayushgptaa" src="https://img.shields.io/twitter/follow/ayushgptaa.svg?style=social" />
  </a>
    <a href="https://app.netlify.com/sites/saucekudasai/deploys" target="_blank">
    <img alt="Twitter: ayushgptaa" src="https://api.netlify.com/api/v1/badges/70ad1cd7-bc28-4b42-9db9-3082f7830861/deploy-status" />
  </a>
</p>

> A Frontend Search Engine that fetches anime info based on the image provided using <a href="https://trace.moe" target="_blank">trace.moe </a> and <a href="https://anilist.gitbook.io/anilist-apiv2-docs/" target="_blank"> Anilist</a> Api behind the scenes.

## Please Show your support to the origional Creater of the API if you want to... <a href="https://github.com/soruly"> @soruly</a>

<a style='font-size:2rem;' href="https://www.patreon.com/soruly"> Pateron Link</a> </br>
<a style='font-size:2rem;'  href='https://github.com/sponsors/soruly'>Github Sponser</a></br>
<a style='font-size:2rem;' href="https://www.paypal.com/paypalme/soruly/">Paypal Link</a> </br>

## Requirements 🧰

For development, you will only need Node.js and a node global package, npm or Yarn, installed in your environement.

## Install 📦

```sh
npm install
```

## Dev Server 🚀

```sh
npm run getsauce
```

## What I learned 🤓

-   React Context Api
-   Styled components
-   Graphql
-   Writing Resuseable Components
-   Clean code practice

## Author

👤 **Ayush Gupta**

-   Website: ayushguptaa.com
-   Twitter: [@ayushgptaa](https://twitter.com/ayushgptaa)
-   Github: [@ayushgptaa](https://github.com/ayushgptaa)
