Remix

Make your own version of Photo Calendar Sukhraj

Get an exact, working copy in your account, then change anything with chat.

Original by Kulwant singh

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

FINAL MASTER PROMPT — PHOTO CALENDAR SUKHRAJ

Build a fully functional, responsive web app named Photo Calendar Sukhraj. Follow the attached reference design as closely as possible. Do not redesign, simplify, or replace the layout with a different template.

1. EXACT DESIGN AND LAYOUT

- Use a bright white background, purple/blue gradient header, rounded panels, clear text, and professional colorful buttons.
- Top header: calendar logo, “Photo Calendar Sukhraj”, month selector, year selector, English / ਪੰਜਾਬੀ language selector, Templates, Design & Tools, Settings.
- Main workspace: large photo editor on the LEFT and compact monthly calendar on the RIGHT, side by side on desktop.
- The monthly calendar must display individual photos inside selected date cells.
- Place the editing toolbar above the large photo: Move, Zoom+, Zoom−, Text, Font, Color, Shape, Rotate, Crop, Delete, Save.
- Bottom panels: Upload & Photo Settings, Text Settings, Shape / Sticker, Government Holidays / ਪੰਜਾਬ ਸਰਕਾਰੀ ਛੁੱਟੀਆਂ, Calendar Theme.
- Bottom action buttons: Download PNG, Save Project, Share Calendar, Print Calendar, New Calendar.
- Maintain this exact layout and brand. Do not move the large photo below the calendar or replace the date-photo grid with a blank placeholder.

2. LARGE PHOTO EDITOR

Allow users to upload JPG, PNG and WEBP images from their device. Display the selected image in the large left canvas. Support touch dragging, pinch zoom where possible, zoom buttons, fit, crop, rotate, reset, border, shadow, opacity and remove. All controls must actually work.

3. PHOTOS INSIDE CALENDAR DATES

This is a critical feature. Users must be able to tap any calendar date, upload or select a photo for that date, and display a small thumbnail inside that exact date cell. Every date can have a different photo. Support moving, zooming, cropping, replacing and removing each date photo independently. Editing the large photo must never remove or disable date-cell photos. Save all date-photo assignments in the project.

4. TEXT EDITING

Allow multiple independent text layers over the large photo. Support Punjabi Gurmukhi Unicode and English. Include font family, size, color, bold, italic, underline, alignment, outline, shadow, opacity, rotation, drag-to-move, duplicate and delete. Use suitable fonts such as Noto Sans Gurmukhi, Mukta Mahee, Poppins and Montserrat when available. Show a live preview and include all text in the exported image.

5. SHAPES AND STICKERS

Include hearts, stars, circles, rectangles, flowers, speech bubbles, arrows, ribbons, crowns, decorative frames and other useful stickers. Users must be able to add, move, resize, rotate, recolor, change opacity and delete each object. Provide undo and redo if practical.

6. CALENDAR

- Working month and year selectors and previous/next month controls.
- Correct Gregorian dates, weekday alignment and leap-year handling.
- English, Punjabi, or bilingual weekday and month labels.
- Clear, readable date cells with suitable thumbnails and event markers.
- Changing month or year must update the actual calendar correctly.
- Allow users to select a date and add an optional note.
- Do not invent Punjabi lunar dates or government holidays.

7. GOVERNMENT HOLIDAYS

Provide an editable Punjab and Indian government holiday panel. Use reliable official data where available. Holiday lists must update by year. Do not label unverified holidays as officially confirmed. If reliable data is unavailable, let users add or edit holidays manually.

8. BRANDING AND THEMES

Use the exact brand name “Photo Calendar Sukhraj”. Provide editable “Sukhraj” watermark settings. Never invent a website address. Include purple, blue, pink, orange and green themes, with calendar theme previews. Keep the design bright, readable and consistent with the reference.

9. SAVE AND EXPORT

- Download PNG at exactly 1920 × 1080 pixels, landscape 16:9.
- Export the complete artwork, including the large photo, text, stickers, and calendar with all date-cell photos.
- Save Project and allow reopening a saved project to continue editing.
- Use browser local storage or IndexedDB where suitable.
- Share Calendar should use the native sharing sheet when supported, with a working fallback to download or share the image.
- Print Calendar should print the calendar artwork cleanly in landscape, without unnecessary editor controls.
- New Calendar should ask for confirmation before clearing the current project.
- Never display fake success messages.

10. MOBILE SUPPORT

Optimize specifically for Android phones and touch controls. Do not merely shrink the desktop interface. Keep buttons readable and easy to tap. On mobile, arrange the photo editor, calendar, settings and action buttons in a logical responsive layout. Keep all calendar rows accessible and make individual date photos easy to select and edit.

11. FUNCTIONAL REQUIREMENTS

Build a working application, not just a visual mockup or screenshot. Implement real image uploads, editing state, date-photo storage, text and sticker editing, month navigation, project saving and PNG export. Do not use nonfunctional decorative buttons.

Use free browser APIs and open-source libraries wherever possible. Do not require paid APIs, paid image services, or mandatory API keys. Avoid unnecessary backend services. Clearly identify any feature that genuinely cannot be implemented in the available environment.

12. FINAL TEST

Before declaring the app complete, test these actions:

1. Upload and move the large photo.
2. Add a separate photo to a calendar date.
3. Add Punjabi and English text.
4. Add and edit a sticker.
5. Change month and year.
6. Save and reopen the project.
7. Export and verify a 1920 × 1080 PNG containing all content.
8. Test the layout and controls on a mobile screen.

Fix errors before reporting completion. Preserve the approved reference design throughout. Prioritize functional features and the exact two-column desktop layout over decorative extras.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.