# 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
- don't change any code unless I confirm