CalWall Studio
Overview
CalWall Studio is a web application for generating and customizing dynamic, calendar-based wallpapers. It pairs a React-based frontend for real-time preview and customization with a Node.js backend that handles high-quality image generation via Canvas — bridging the gap between static design and dynamic, auto-updating data.
Key Features
- Dynamic Wallpaper Generation — Visualizes time progress (e.g., year progress, days remaining) directly on a wallpaper
- Real-Time Preview — Instantly reflects every customization as you tweak settings in the studio
- Customizable Themes — Multiple color schemes and layout options
- Mobile-First Design — Optimized for iOS lock screen aesthetics and mobile devices
- Experimental Dashboard — Includes a personal dashboard and resume view
Tech Stack
React Vite TailwindCSS v4 Shadcn UI Node.js Express Canvas (node-canvas) date-fns dayjs
Links
- Live: calwall.vercel.app
- Repository: github.com/abdullahshafiq-20/calwall