suyeonme/google-keep-clone — reverse-engineered prompt
Reverse engineered prompt
Build me a Google Keep style notes web app. I want it to feel close to the real Google Keep, with a clean card layout, quick note creation, and notes that can be edited, deleted, pinned, archived, colored, labeled, and filtered.
Please include checklist notes too, where users can add todo items, check them off, and drag them to reorder. Labels should be manageable by the user, and note changes should update in real time. Add sign in with email, Google, and GitHub, using Firebase for auth and storage.
Use React with TypeScript, and keep the code simple and organized. A masonry style notes grid, smooth small transitions, and a Material UI style would be great. Make sure it works as a normal web app after adding Firebase environment variables. If you need exact Firebase or library setup details, look up the current docs online.
Want more depth? Deep Reverse