PlanWise is a responsive web app that helps users generate, visualize, and track personalized plans for any goal like studying, skill-building, exercise, or habit development. It combines AI-generated plans, interactive animations, and visually inspiring images to make planning fun and effective.
- AI-Generated Plans: Powered by OpenRouter, get detailed suggestions for multiple goals.
- Multiple Plans: Generate several plans at once to experiment or compare strategies.
- Interactive UI: Smooth GSAP-powered animations for scrolling, cards, and progress bars.
- Dynamic Color Themes: Card colors adapt to images using ColorThief.
- Photos from Pexels: Each plan card features a relevant, high-quality image.
- Local Storage: Plans are saved locally—no backend or signup required.
- Responsive Design: Works seamlessly on both desktop and mobile.
- Frontend: React, CSS, GSAP, Lenis
- AI: OpenRouter API for generating personalized plans
- Images: Pexels API for high-quality visuals
- Animations: GSAP ScrollTrigger and Lenis for smooth scroll effects
- Color Palette: ColorThief for dynamic accent colors on cards
- Add user accounts & cloud syncing for cross-device access.
- Enable customization of AI-generated plans.
- Introduce progress tracking analytics and streaks.
- Expand the AI suggestions library for diverse domains.