Culina Share

It helps users to discover, share, and save recipes 🍕

Demo

🟢 live: https://culina-share.vercel.app/

final.mp4

📦 Features

• Explore 3000+ diverse recipe collection
• Find recipes by filtering them based on categories, featured, seafood etc.
• Save your favourite recipes for quick access
• Cook your favourite dish with step-by-step video guides
• Share your recipes on the platform.

⚒ Tech Stack

• Client: React/Next.js , Redux, Material and Radix UI
• Backend: Auth0, Supabase

Others:

• axios: for fetching data back and forth
• howler: for playing audio files when a user adds a recipe to favorites
• react-toastify: for displaying error, success, and info messages
• react-awesome-reveal: for simple fading animations on the index page
• react-type-animation: for automatically typing text on the index page
• react-loading-skeleton: for animated loading card placeholders
• date-fns: for obtaining relative time to display when favorite recipes were added
• extract-domain: for extracting domain names from URLs to display only the domain
• get-youtube-id: for retrieving the YouTube video ID from the URL to embed the video.
• email-validator: for validating email addresses to fetch correct data

💻 Run Locally

Clone the project

  git clone https://github.com/gabbar-singhh/CulinaShare.git

Go to the project directory

  cd CulinaShare

Install dependencies

  npm install

Start the server

  npm run dev

🧔 Authors

• @gabbar-singhh

💬 Feedback

If you have any feedback, please reach out to us at [email protected]