2020-11-27
2164
#react
David Aji
29627
Nov 27, 2020 ⋅ 7 min read

Creating a Google Keep clone with React and Firebase

David Aji Frontend developer.

Recent posts:

Wasm 3 Before GTA 6 LogRocket Article

We got Wasm 3.0 before GTA 6: Meet the web’s new engine

Discover how WebAssembly 3.0’s garbage collector, exception handling, and Memory64 transform Wasm into a true mainstream web platform.

Ikeh Akinyemi
Oct 3, 2025 ⋅ 2 min read

How to use AI to build accurate ShadCN components

AI agents often break shadcn/ui components with outdated docs or made-up props. The MCP server fixes this by giving live access to registries. In this tutorial, we’ll set it up and build a Kanban board to show it in action.

Chizaram Ken
Oct 3, 2025 ⋅ 5 min read
Rust Project for Web Services LogRocket Article

The best way to structure Rust web services

Learn how to structure Rust web services with clean architecture, Cargo workspaces, and modular crates for scalable, maintainable backends.

Jude Miracle
Oct 2, 2025 ⋅ 2 min read
andrew evans headshot

A spec-first workflow for building with agentic AI

Andrew Evans gives his take on agentic AI and walks through a step-by-step method to build a spec-first workflow using Claude Code.

Andrew Evans
Oct 1, 2025 ⋅ 18 min read
View all posts

2 Replies to "Creating a Google Keep clone with React and Firebase"

  1. This tutorial is neat, but as it seems to be outdated and doesn’t work in its current version. Notes don’t post when focus is changed. Would you be willing to update it, and maybe add some more clear instructions in some areas? It was not always clear where something should go.
    Also – I had to include the line props.onShowInput(true); to the onFocus as the title wouldn’t show otherwise.

    1. Thanks for the helpful feedback. We’ll review this post and put it under consideration for an update.

Leave a Reply