Preview

PotionPath

Next.js React.js TailwindCSS Netlify

PotionPath

Screenshot of PotionPath Guide

Overview

PotionPath is an educational web app that highlights Indian superfoods and their nutritional/ayurvedic properties. Users can explore spices, grains, and seasonal ingredients, learning how traditional Indian diet and Ayurveda contribute to wellness.

Features

  • Ingredient Explorer: Browse curated lists of spices, grains, and pulses.
  • Recipe Section: View or submit recipes using superfoods.
  • Seasonal Guide: See which foods are best in summer, winter, monsoon, etc.
  • Ayurveda Insights: Learn about dosha types and personalized diet tips.

Tech Stack

  • Frontend: Next.js, React (TypeScript)
  • Styling: Tailwind CSS with responsive design
  • Data: Static JSON or CMS for ingredients and recipes
  • Deployment: Hosted on Netlify (or Vercel) for fast load times

Usage

  1. Clone and install (npm install).
  2. Run development server (npm run dev).
  3. Use the navigation to explore different categories (Ingredients, Recipes, Dosha Guide).
  4. Contribute recipes or send feedback via the contact form.