- Set up Next.js 15 with TypeScript and Tailwind CSS v4 - Configured responsive layout with header, sidebar, and main content area - Implemented directory scan modal with real-time validation - Added reusable Button component with primary/secondary variants - Created API endpoint for server-side directory validation - Integrated Tabler icons for UI feedback - Configured PostCSS with @tailwindcss/postcss for proper styling 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
22 lines
753 B
Markdown
22 lines
753 B
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
|
|
[ ] Create responsive layout with Tailwind CSS
|
|
[ ] Integrate localdb for backend photo index data
|
|
[ ] create service to index photos from local filesystem
|
|
[ ] Create photo gallery page
|
|
[ ] Implement photo organization features (albums, tags, moving files)
|
|
[ ] Optimize for performance and SEO
|
|
|
|
|
|
- I'll run dev myself |