A beautiful note-sharing website with 3D graphics and smooth UI animations. Users must sign in with Google to create notes, but anyone can view shared notes with the proper links.

• 🔐 Google Authentication: Secure sign-in with Google OAuth
• 📝 Note Creation: Authenticated users can create beautiful notes
• 👀 Public Viewing: Anyone can view notes if they have the link
• 🔒 Password Protection: Optional password protection for private notes
• 📊 Dashboard: Personal dashboard to manage your notes
• 🎨 3D Graphics: Smooth 3D animations and visual effects
• 📱 Responsive Design: Works on all devices
• ✨ Smooth UI: Beautiful animations and transitions
• 🔗 Unique Links: Each note gets its own shareable URL

1. Sign In: Users sign in with their Google account to create notes
2. Create Notes: Authenticated users can create notes with optional password protection
3. Share Notes: Each note gets a unique URL that can be shared with anyone
4. View Notes: Anyone with the link can view public notes
5. Dashboard: Users can manage all their created notes from a personal dashboard

• Sign in with Google
• Access personal dashboard
• Create new notes (public or password-protected)
• View and manage all created notes
• Copy shareable links for any note

• Can view shared notes if they have the direct link
• Can enter passwords for protected notes
• Cannot create new notes (must sign in first)

├── backend/
│   ├── index.ts           # Main Hono server
│   ├── database/
│   │   ├── migrations.ts  # Database schema
│   │   └── queries.ts     # Database operations
│   └── routes/
│       ├── auth.ts        # Google OAuth authentication
│       └── notes.ts       # Note API endpoints
├── frontend/
│   ├── index.html         # Main HTML template
│   ├── index.tsx          # React app entry point
│   ├── components/
│   │   ├── App.tsx        # Main app component
│   │   └── Scene3D.tsx    # 3D graphics component
│   └── style.css          # Custom styles
└── shared/
    └── types.ts           # Shared TypeScript types

• POST /api/auth/google - Google OAuth sign-in
• POST /api/auth/verify - Verify authentication token

• POST /api/notes - Create a new note (authenticated users only)
• GET /api/notes/my-notes - Get user's notes (authenticated users only)
• GET /api/notes/:id - Get a note (public access)
• POST /api/notes/:id/verify - Verify password for protected note (public access)

• Backend: Hono + SQLite
• Frontend: React + Three.js for 3D graphics
• Authentication: Google OAuth 2.0
• Styling: TailwindCSS + custom CSS
• Database: SQLite for note and user storage

To use Google authentication, you'll need to:

1. Create a Google Cloud Project
2. Enable the Google Sign-In API
3. Get your Google Client ID
4. Replace YOUR_GOOGLE_CLIENT_ID in the frontend code

• OAuth Authentication: Secure Google sign-in
• Token-based Sessions: JWT-like tokens for session management
• Password Hashing: SHA-256 hashing for note passwords
• Access Control: Only authenticated users can create notes
• Unique URLs: Cryptographically secure note IDs