FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Itssongoku
ItssongokuNoteByPGC
Public
Like
NoteByPGC
Home
Code
4
backend
3
frontend
4
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
…
README.md

3D Note Sharing Platform

A beautiful note-sharing website with 3D graphics and smooth UI animations. Only the admin can create notes, but anyone can view shared notes with the proper links.

Features

  • 🔐 Admin-Only Creation: Only the admin can create new notes using a protected password
  • 🗑️ Admin-Only Deletion: Only the admin can delete notes using the same protected password
  • 👀 Public Viewing: Anyone can view notes if they have the link
  • 🔒 Password Protection: Optional password protection for private 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

How It Works

  1. Creating Notes: Only the admin (with password "Random@2001") can create new notes
  2. Sharing Notes: Each note gets a unique URL that can be shared with anyone
  3. Viewing Notes: Anyone with the link can view public notes
  4. Password Protection: Notes can optionally be password-protected for extra security

Project Structure

├── backend/
│   ├── index.ts           # Main Hono server
│   ├── database/
│   │   ├── migrations.ts  # Database schema
│   │   └── queries.ts     # Database operations
│   └── routes/
│       └── 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

API Endpoints

  • POST /api/notes - Create a new note (admin only, requires admin password)
  • GET /api/notes/:id - Get a note (public access)
  • POST /api/notes/:id/verify - Verify password for protected note (public access)
  • POST /api/notes/:id/delete - Delete a note (admin only, requires admin password)

Tech Stack

  • Backend: Hono + SQLite
  • Frontend: React + Three.js for 3D graphics
  • Styling: TailwindCSS + custom CSS
  • Database: SQLite for note storage
  • Authentication: Simple password-based admin authentication
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.