https://github.com/muhammadm1998/food-hut

Nuxt 3 & Tailwind 3 version of Forkify App from Jonas Schmedtmann's JavaScript Course.
https://github.com/muhammadm1998/food-hut

api mobile-first nuxt tailwindcss vite

Last synced: 10 months ago
JSON representation

Nuxt 3 & Tailwind 3 version of Forkify App from Jonas Schmedtmann's JavaScript Course.

• Host: GitHub
• URL: https://github.com/muhammadm1998/food-hut
• Owner: MuhammadM1998
• Created: 2022-06-24T16:08:53.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-11-14T07:55:05.000Z (over 2 years ago)
• Last Synced: 2024-10-25T10:47:19.362Z (over 1 year ago)
• Topics: api, mobile-first, nuxt, tailwindcss, vite
• Language: Vue
• Homepage: https://foodhut.vercel.app/
• Size: 4.18 MB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Food Hut

Nuxt 3 & Tailwind 3 food recipes website where users find everyday cooking recipes with ingredients, servings and directions to cook. Firstly inspired by Forkify project in Jonas Schmedtmann's JavaScript Course.

![Website Mockup](https://res.cloudinary.com/cloud-m98/image/upload/c_scale,h_630,q_40,w_1200/v1656823565/Food%20Hut/Website-Screenshot_hrbeqp.png)

### 🔗 Links

- [Live Site](https://foodhut.vercel.app/)

- [Source Repo](https://github.com/MuhammadM1998/Food-Hut)

### ‍💻 Stack

![Nuxtjs](https://img.shields.io/badge/Nuxt-002E3B?style=for-the-badge&logo=nuxtdotjs&logoColor=#00DC82)

![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-%231a202c?style=for-the-badge&logo=tailwind-css)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![Vite](https://img.shields.io/static/v1?label=&message=Vite&color=646CFF&style=for-the-badge&logo=vite&logoColor=ffcb23)

![Pinia](https://img.shields.io/static/v1?label=&message=Pinia&color=111827&style=for-the-badge&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAEAAAABfCAYAAABY6cGQAAAGz0lEQVR4Xu2cTYgdRRDHewIejYKE4HoRIoKgQUVUkqsQc9CbF7PrRdDgelBB8BKS6EUQ1IORKHgxGy%2BCh3hwF7wmaPCLKAhiwIsrIQiaq%2BDz1ezWs19Pd9e%2Ferpm9pHM5YW3PdVVv%2Fromul%2BadxOu06690il5duXPll7bvOCtXqN9QSo%2FOUPlw6c3dw8748%2FsrR00BrCjgAQM55BTE44Ux1NhSPezxlP908ad8oddy8iskrGjA6gOeEmkuKWqTAugGnBayZuVQJgGQXjAQCNt64FowFAQn%2BIFWEcAErvWxbDwQFIVT9XDyyWxMEBuALvMxSL1WBQAH28b5UGIgBSeu2Pzaf90Czu03t432o1yAKQPEbrMwpDkiX1AqMAQPMVAlHB%2BwShdh3IRoB2rc51bFpZqYio3RVWBZCq1rXC36IQJgH0VXrOU5XCf6EA%2BMrWCn8NgNjqxRHqF26zCJhV7elKgTzxoatACyHykoQN1sxFcswBaAxDxzKAEqP9OShNFxdAhbqysADQSJHG3QCQSwGiV7N6S94Y4%2B%2FZCLgeAFBbbdIJjuHNkjlFAOjDUMnkO%2BGebB%2FQKlhhqdkJhsZ04Fa91%2FsAxLiTu1fcC%2Ff94m7buzc7%2FM8rV9z7P97djjl%2B7QwiutcYfqwW3wiVrASo0TkLGIgVDO4mqwIgw4899ncvz4Q3W4Dwn1RFAEgdsDA8BmLP%2Ba%2BrwPXfKokApPcCQxjvW73rs3O9IfhPkyKAXEN09eAjYnHrrW1EwBtf3lJcKMNXahCAMA2G9noMItWGkpQI3yVgALznAq3xpKi0BLKBmrF0jxZC7IUqDICi4PWbV1ZLqjxqGDrOjwgNhNibJBjA5KcnXnL%2FNu%2BU5nTOuBLDtRBS%2BwkQAFoJzjz60NwJrhIQKUP7ApDSIbtfgRgyufSkeI4HkcOGhp%2FIvciY1OqQ21YXI2Bq%2FBfTyR9HFEDH%2BB6v4f1cnyBtpWUB9M17qddHVwcUbJgKkvFtj5MTbuF9VpKMr%2B19toW6RXQPMQnAwvtkMF2%2B560gNPvPiemdjIBaVT9cqlIhbwRhfQrhsJQ%2BUUpWoZ9SxgiAQ6KgA8DC%2B5IXDP8uRkEHgEXuGxooipaioAugUtMjajbUgF2Tl5t7P383Nd0cAI33%2F9n30ZzMv77%2Fzu3ZfWooszTzZNNgHgDY9fnGk%2BF03frAg%2B3nTZef1Sgnjr16bXUmmwaXgM6lwQwAWvzY%2BDc%2FeMWdfou65K3r6KuH3WvPv10VQgiaIReATkbBDAAS%2FuwN8sLpi2vu6MPL7v6njnQglHgpDIXaoFNR8D8AIPwZAHmfvR1Gwm%2B%2F%2FlwUpj4Afx7%2B3o%2B2Hz4926aFJt1Wvvom%2BgMsH4D4yMteufOue9qQDyOAlCUABSE6FwC%2B92OgOd1UkZZYDVoAaP7TWFKOJvZDP6wDKsUiZdAHTd6mK5yvAHS0DrQAkPxnPX3lQt1LQjNiv%2FNTwA%2F9vqBjdWALAJD%2FPLm%2FLPnFkCt0X%2B%2F7oFl%2BCKEUdA6AmP9kuH%2F5SxJ%2FrylKMc%2FHCiF9R4V25v3pykNzF4GO1AGOADUAVkhS5o5DWz%2F%2F%2FX3jQNTm3JNg2AT5ArgBU3WfMQBoAQwjILQmpQgZuP%2BZy%2B1wqt50VoAuOgvAoU3f5%2FYb%2FP4jRlEBoVMIGxSAXwNQ43kcb3HHCtqlj%2FeJO0cSfJoHhNAFoFkBpLxF%2Fl768iMFATR8plpYCJuhASCQLMfcABC8LG00PYClZ4aS3Y0ARRM0lJKW84QPRdddBKgAlFZsSw9KsiWd1QBoQos9PMmQkr%2FzzlNOZ1UNQAT6isa2vkoM8Rso1AGort0IEE5%2BoILRcRogqEx0HM1d1AcgEyBjNMaHUZCKBH9eJFqKAJDglIFaBbQQcvILoHefBUgh9AhMbMICJbQM5uCzlwvB1wMQWjHEShEazTrAc2deiKjOARXSV3s%2BvKHvvOlXYsozgH0VKSURiwDY%2B86l3wqjdSAVgkj1LTU6thr4smAAuX2BbQBiGoQFb8hI6D23CKBHQ2S5EtRaBsW9QSkNcm2uZSRIcKH2O3NIoviARO0KbSgPPyCB1oJcQZM8hhbDWnJSu8KsR%2BqYnLhRkjKkhuI1ZLT6CeeDaEgcgLIviMEgI%2BAlKhAA5bUcSuIRuSSANhUqQJB1NBsBGZ8FsMAQYONFAAsIQWU8BIAGbe8fHpv%2Bs%2BoPJ6omAFDwYvNBR8r5Ru1GalUDU8IKDc8ug5Li2wXy0IgRsT5d4jZyR2AlG3oB8IW3MOjq8ZM6UNnW6JUL316s%2Bf%2BNq1IAUXQGZAsKRQlfufqxvh1N9EkNzAZ9kLH0WdPg0Ib%2FAJM7g5nEbrMRAAAAAElFTkSuQmCC)

![Axios](https://img.shields.io/static/v1?label=&message=Axios&color=white&style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAMAAAC8EZcfAAABSlBMVEUAAAAIAxgFAg4HAxMJBBkHAxMIAxMHAxIKBBkHAxIKBBkHAxIJBBkHAxMJBBkKBBkKBBkPBiUPBiUUCDIPBiUTCDEXCTcQByoTCDIOBiUWCjkcDEsdDUwfDUseDUwfDUsdDUweDUsiDlQeDEsdDUseDUsnEWMkEF4zFX0dDUwoEWQoEmQoEWQoEWQnEWUwFX4sFHItFHEzF4M3GI08G5c8Gpc0F4Q8G5g1F4Q9G5g8G5c7Gpc8G5dCHapGHrBDHqpFH7FRI8lDHqpRI8lOI8pRI8lOI8pQI8lPI8pQJMpTJNBQJMpOI8ZTJdBTJdBPJMpQJMpTJdFZKORPJMpaJ+NUJtVaKONSJdFYKONZJ+NZKONZKORZKONaKONaKeRaKeRaKONaKeRZKeRaKONaKeRaKeNaKeNaKONaKeRaKeNaKeRaKeRaKeRaKeQzJtuqAAAAbXRSTlMAAQICAwQEBQUGBwgICQwODw8RERITFRoaHR4eISElJS4uMTI1NTY7PD9BQUNERU1PT2pqam1vcXJ0dX1/hJKUlpudoKKipKartLnAwsPExsbHx8/U1tbX2d3d3eHh4uTn6e/v7/Dy8/P3+Pv9A7qPcgAAAWxJREFUeNrtzkVWKwAAA8B8hTruDsW1uLe4u7t77r9lX1Z4eC9zgoG9iZmZmZmZmZlZPaTlzm5AWfMplYMZY09UDmYtkMLBQN8ZlYPVO6R0cIQ/M+iggw4OagfD05QO1uxSOth2R+lg/yOVg8FJUjlYsEbpYO02pYO9j1QOBlOkcjBvjdLB2Dqlg13HVA5mpkjlYM4apYOxFUoHK7eoHPw/cEflYPYiqRyMLVM6WL5F6WDrFbWDLzQ56KCDDjrooIMOOuiggw466KCDDjrooIMfzkEHD3rSNWoF092PRqSD53FAOXhRB+ngXgWkg/MxKAdvE3+gHLxpAJSDh1WQDi7mQzqY/Avl4EM3oBw8iUM6uFoE6eBUENLBcUA5eJn4LR3cLAWUg3NRSAcnfkE6mPwH5eBRJ6AcbIlBNajDQQffwMGnYe3gdQekg0slkA7OhKAcfBwClIMX7ZAO7pdBWnEhzMzMzMzMzMzsLZ4Bp0MQ83XKRGYAAAAASUVORK5CYII=&logoColor=ffcb23)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

![JSON](https://img.shields.io/static/v1?label=&message=JSON&color=000000&style=for-the-badge&logo=json)

![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white)

![Prettier](https://img.shields.io/static/v1?label=&message=Prettier&color=F7B93E&style=for-the-badge&logo=prettier&logoColor=white)

![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=for-the-badge&logo=yarn&logoColor=white)

![VS Code](https://img.shields.io/badge/-VSCode-%23007ACC?style=for-the-badge&logo=visual-studio-code)

![Mobile-First Design](https://img.shields.io/static/v1?label=&message=Mobile-First-Design&color=gray&style=for-the-badge)

### 📝 Feedback is always appreciated.