Meow App A simple note-taking application

By /

MeowNocode is an open source memos high-value note application。
Supports canvas mode, data statistics, fuzzy grammar, daily review, AI dialogue and other functions
Use Supabase or Cloudflare D1 as a cloud database

overview of items

  • project name: MeowNocode (also called Meow App in the repository)
  • Warehouse author: y-shi23, hosted on GitHub, has 195 stars and 32 forks
  • positioning: Similar to the lightweight memos tool, but more focused on the aesthetic interface and functional experience.

feature highlights

Project README mentions the following features

  1. Canvas Mode – Support the free arrangement and sorting of notes on the “canvas” to facilitate thinking sorting.
  2. heat map statistics – Provide a visual representation of usage frequency or activity so you can see usage at a glance.
  3. fuzzy grammar – Support fuzzy matching or fuzzy search, which helps quickly recall content and is suitable for memory scenes.
  4. daily review – A mechanism similar to “review reminders” helps you review the past and review your notes regularly.
  5. AI Dialogue – Built-in dialogue AI function supports you to ask questions, and it answers, enhancing interactivity.

Technical architecture and deployment method

Front-end and Architecture

  • Using front-end build tools such as Vite and style frameworks such as Tailwind CSS etc. technology stack (from the project file structure such as vite.config.js、tailwind.config.js Wait until you can see)

data storage mode

Supports two backend storage models, with flexible choices:

  1. Supabase（PostgreSQL）
    • Cloud database synchronization, using .env added VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY Make configuration.
    • use supabase-schema.sql Initialize database structure
  2. Cloudflare D1（SQLite） + Cloudflare Workers / Pages
    • Use D1 as a local (lightweight) database.
    • involves wrangler CLI tool, deployed to Cloudflare Workers / Pages.
    • Optionally configure access password (.env in PASSWORD) to protect access rights.
    • Create and initialize D1 database d1-schema.sql Build a table structure

local development

  • Install dependencies：npm install
  • local debugging：npm run dev Start the development server and quickly check the results

Demo link

  • Does not include D1 database version: View the online demonstration through [ flomo.nocode.host], and the project author also expressed his desire to increase traffic
  • Including D1 database version: Another demonstration address [memo.oneloved.top], combined with the public instance login key meow(Please do not upload sensitive information)

Description of project structure and composition

Brief analysis of directory structure

  • src/: Core logic and component area, including UI components, React context, tool functions, etc.
  • supabase-schema.sql / d1-schema.sql: The schema file used to initialize the corresponding database.
  • worker.js, _worker.js, wrangler.example.toml: Configuration and entry files related to Cloudflare Workers and Pages deployments.
  • .env.example: Example environment variable configuration for deployers to refer to and fill in.

summary

MeowNocode It is an open source taking application based on memos style that integrates functions such as canvas editing, high-value UI, fuzzy search, heat map statistics, daily review reminders, and AI dialogue and interaction. It supports two cloud synchronization methods (Supabase or Cloudflare D1) and provides detailed local development and deployment instructions, including online demo and password protection mechanisms.

Github：https://github.com/y-shi23/MeowNocode
Online experience:https://flomo.nocode.host/

Oil tubing:

Scroll to Top