{"id":21257658,"url":"https://github.com/wallter/demo-google-keep-clone","last_synced_at":"2025-03-15T06:22:58.932Z","repository":{"id":204583937,"uuid":"707797566","full_name":"wallter/demo-google-keep-clone","owner":"wallter","description":"(Demo) Google Keep clone using Next.js 13 + React + Pocketbase ","archived":false,"fork":false,"pushed_at":"2023-11-04T17:24:20.000Z","size":16713,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T21:31:44.035Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wallter.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-20T17:21:11.000Z","updated_at":"2023-10-20T17:21:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"16cd1562-b735-41f7-997b-963a682ff989","html_url":"https://github.com/wallter/demo-google-keep-clone","commit_stats":null,"previous_names":["wallter/demo-google-keep-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallter%2Fdemo-google-keep-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallter%2Fdemo-google-keep-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallter%2Fdemo-google-keep-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallter%2Fdemo-google-keep-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wallter","download_url":"https://codeload.github.com/wallter/demo-google-keep-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243691250,"owners_count":20331932,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-21T04:05:13.323Z","updated_at":"2025-03-15T06:22:58.906Z","avatar_url":"https://github.com/wallter.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Google Keep Clone (Notes App)\n\n## About The Notes App\nThis demo application leverages features of NextJS v13 including both SSR and Client rendered React components. Tailwind is used for styling. Simplistic use of React Hooks are used for debounced/throttled persistance events to a local PocketBase SQLite DB. \n\n![Note App Demo](https://raw.githubusercontent.com/wallter/demo-google-keep-clone/main/public/note-app-demo.gif)\n\n## TLDR;\n```sh\n# install dependencies\nnpm i \n\n# OSX Standalone Pocketbase binary included\n# Start the pocketbase DB server (in the background)\n./pocketbase serve \u0026\n\n# Run the application (in the background)\nnpm run dev \u0026\n# or yarn dev \u0026\n\n# Open in browser (port may change due to conflict)\nopen http://localhost:3000 \n\n# ... To stop\nkill %1\nkill %2\n```\n\n## Features\n\n- [ ] Drag \u0026 Drop\n- [ ] Media/Images\n- [x] Note Ordering\n- [x] Light/Dark Mode\n- [x] Responsive Layout (tailwind)\n- [x] Persistence (`onBlur` \u0026 throttled `onChange`)\n- [x] SSR \u0026 React Components\n\n## Local Dev Env\n\n### [Pocketbase](https://github.com/pocketbase/pocketbase)\n\nPocketBase is an open source Go backend, consisting of:\n- embedded database (SQLite) with realtime subscriptions\n- built-in files and users management\n- convenient Admin dashboard UI\n- and simple REST-ish API\n\n### How to Run:\n*Mac Notes: Must enable in settings \u003e security (unknown developer)\n\n```sh\n# Run the included standalone executable\n$ ./pocketbase serve\nServer started at http://127.0.0.1:8090\n├─ REST API: http://127.0.0.1:8090/api/\n└─ Admin UI: http://127.0.0.1:8090/_/\n```\n\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwallter%2Fdemo-google-keep-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwallter%2Fdemo-google-keep-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwallter%2Fdemo-google-keep-clone/lists"}