Michael Mainguy
96e6f4676a
- 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>
39 lines
1.5 KiB
Markdown
39 lines
1.5 KiB
Markdown
# 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 |