A calm and soothing Yin Yoga chatbot built with Next.js and TypeScript. This chatbot helps you create a gentle Yin Yoga practice by suggesting poses based on your mood and current weather. Whether you're looking to unwind, relieve tension, or deepen your practice, this tool generates personalized lesson plans and yoga pose recommendations to suit your needs.
Yin Yoga Guidance: Get personalized Yin Yoga sessions tailored to your needs.
Weather-based Recommendations: The chatbot adjusts its recommendations based on the current weather conditions, helping you align your practice with nature’s rhythm.
Interactive Chat: Type in your question or mood, and the chatbot will generate a calming lesson plan and pose suggestions.
Next.js: React framework for server-side rendering (SSR) and static site generation (SSG). TypeScript: Superset of JavaScript for type safety and better developer experience. Tailwind CSS: A utility-first CSS framework for rapid UI development. OpenAI: Used to generate yoga pose suggestions based on user input and weather data. React Hooks: Used to manage the state and handle user input. Weather API: Fetches the current weather to tailor the suggestions. OpenCage Geocoding API: Fetches the user location and reverses it to a city name.
- Clone the Repository
- Install Dependencies
npm install - Environment Variables
OPENAI_API_KEY=your-openai-api-key
NEXT_PUBLIC_WEATHER_API_KEY=your-weather-api-key
NEXT_PUBLIC_OPENCAGEDATA_API_KEY=your-weather-api-key
-
Run the Development Server
npm run dev -
Open http://localhost:3000 with your browser to see the result.
Can also be veiwed via a code editor: here
- Visit the homepage.
- Type in your question or share how you're feeling.
- The chatbot will create a personalized Yin Yoga lesson- plan and recommend poses based on the current weather.
- Follow the suggestions and enjoy your practice!
Next.js - React framework for SSR and SSG. Tailwind CSS - Utility-first CSS framework. DaisyUI - open-source component library for Tailwind CSS WeatherAPI OpenAI Geolocation API