Git Product home page Git Product logo

foodies's Introduction


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 ๐Ÿ’™

foodies's People

Contributors

heytulsiprasad avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.