Skip to content

A food recipes app to show your favorite recipes according to categories, areas and recipe name. Made with React. πŸ˜‹

License

Notifications You must be signed in to change notification settings

heytulsiprasad/foodies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

47 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


Foodies Logo

To eat or not to eat, is the question. πŸ•

Foodies β€” Delicious Recipes App

No more waiting to get the right choice of recipe and spending lots of time searching Youtube on the right video to show how to make it. It's all here now. Foodies is the home of more than thousands of recipes that are listed on basis of various regions and categories, which you can take advantage of to find THE one you're looking for, almost instantaneously. Give this a ⭐ if you liked!

Cover Page of Foodies

The power of your favourite recipes, now with jaw-dropping UI and themes that you just can't stop looking at. All at the cost of nothing.

Visit Foodies, today!

Recipe List of Ingredients

🏭 Contribute

This is one of my side projects which I made to learn the following:

  • React (Fundamentals)
  • Context API (For state management)
  • Tailwind CSS (An utility first CSS Framework)
  • Material UI (A set of pre-made react components)
  • And many little reacty things...

So, if you're into any of those or want to go into in future, this project is dedicated to you. Give this a ⭐ if you liked! Go ahead and rip this project apart to learn tidbits of each of the things I mentioned above. I'll make sure to comment as much as possible to make you get started, ASAP. But still, if you have even silliest of questions or suggestions, do create an issue here or tweet me @heytulsiprasad, so that it can help everybody.

Grid showing search results Embeded video from Youtube

πŸŽ‰ Getting Started

Make sure you fork it, to make your copy of the repo.

git clone https://github.com/heytulsiprasad/foodies.git

Now it's damn easy.

Install the dependencies (using npm or yarn

  • Using npm: npm install
  • Using yarn: yarn

Starting project locally

npm run start or yarn start

Extra information

  • You can run start command just to run the react project and see how it works.
  • You have to run dev command if you want to fiddle with the tailwind classnames as it needs to be processed (or watched).

πŸ“’ Related posts by me

🌈 Thanks a thousand

And of course, this couldn't have been possible without the great free to use API called, MealDB. You can give that a look on here. Their service has been amazing throughout and you can use their API to create your own projects too!

πŸ”₯ Now, go set the world on fire

Now that's for all. Give me a follow on Twitter, @heytulsiprasad if you're into this kind of stuff. I am constantly spreading out tips and tricks as well as written articles for the developer community. I'll be glad to share them with you πŸ’™