Michael Mainguy 96e6f4676a Add native Web Share API for photo sharing

- Install react-share library and add native sharing to ImageModal
- Replace Facebook-specific sharing with Web Share API for broader compatibility
- Extract GPS location from EXIF data for enhanced share text
- Support file sharing with fallbacks to URL/clipboard for unsupported devices
- Add smart share text generation with location coordinates and camera info
- Perfect for private hosts - shares actual files without external URLs
- Update CLAUDE.md with completed roadmap items and coding standards

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-08-27 13:04:31 -05:00

1.5 KiB

Raw Blame History

nextjs project to display and organize photos

uses tailwindcss for styling
uses next/image for image optimization
uses next/font for font optimization
uses notejs 22

Roadmap

[x] Set up Next.js project with typescript (https://nextjs.org/docs/app/getting-started/installation) [x] Install Tailwind CSS [x] Configure next/image [x] Configure next/font [x] Set up TypeScript [x] initialize git repo with appropriate .gitignore [x] Create responsive layout with Tailwind CSS [x] Integrate localdb for backend photo index data [x] create service to index photos from local filesystem [x] Create photo gallery page [ ] Implement photo organization features (albums, tags, moving files) [ ] Optimize for performance and SEO

Claude Instructions

Never automatically change or add files without user confirmation
Never try to run the dev server, user will always manually run dev
Run builds automatically to check for errors

Code Standards

Files over 300 lines should be split into multiple files
Use functional components with hooks
Use Tailwind CSS for all styling, no custom CSS unless absolutely necessary
Use next/image for all images
Use next/font for all fonts
Write clear, concise, and well-documented code
Double check approach against current frameworks and libraries
Always ask for user confirmation before making large changes

Audit

When asked if there are libraries to accomblish custom functionality, check npm
When asked for alternatives give multiple options with pros and cons