Sifter is a recipe parser designed to save you time when browsing online recipes - by cutting out all the extra stuff, and giving you just the recipe.
No profound stories, no ads, no pop-ups. (Maybe - cookies.)
Enter the URL of a great recipe, and we'll send it back with what you need - so you can spend less time scrolling, and more time sautéeing.
NOTE: This project was created as part of our learning with Lighthouse Labs. It is not intended for use in production-grade software.
- Clone this repository onto your local device.
- Install dependencies using the
npm installcommand. - Start the web server using the
npm run devcommand. - Check out Sifter at http://localhost:/.
Make sure the development server isn't running. Open your terminal and run this command:
npm run build && npm run start
- Next.js
- React
- Prisma
- NextAuth
- MUI
The first step is to sign up or sign in using either Gmail or Github.
Next, copy the URL of a recipe you'd like to save, paste it in the box at the top, and click the "GET RECIPE" button. Now you can check out the full recipe card. It contains everything you need, and nothing you don't!
NOTE: Sifter works best with following websites:
Tags from the original recipe will automatically be imported to the recipe card. Feel free to add or remove tags as you see fit.
Click the printer icon to bring up a print-friendly version of the recipe. This is helpful if you don't want to bring your electronics into the kitchen!
Click the arrow at the top of the card to return to the homepage and view the list of all of your recipes.
Click the heart icon to add a recipe to your favourites. You can also click the Favourites Filter button on the left to display only your favourite recipes.
If you want to delete a recipe, click the trash can icon. You will be asked if you are sure about this. Click "Confirm" to delete it, or "Cancel" to go back.
Use the Search bar at the top to search for a recipe. If there's a match, you'll see it appear in a dropdown. Click on that to view that recipe.
Now that your recipes are organized, you're ready to get in the kitchen and start cooking!