Skip to content

shang3301/planwise

Repository files navigation

PlanWise - AI-Powered Plan Generator

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.

Features

  • 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.

Webpage Deployment

Link

How We Built It

  • 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

Future Improvements

  • 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.

Screenshots

swappy-20260122-110459 swappy-20260122-110602 swappy-20260122-110617 swappy-20260122-111132

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published