SauceKudasai

<!-- @format --> <h1 align="center"> SauceKudasai ✨</h1>

<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 📦

npm install

Dev Server 🚀

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
• Github: @ayushgptaa