This project is a clone of Google Keep that stays true to the original app's design principles and incorporates most of its features.
It was made with the help of :
▶ Visite the website
It follows a simple structure :
📦
└─ src/
├─ app/
│ ├─ components/
│ │ ├─ input/
│ │ ├─ main/
│ │ ├─ navbar/
│ │ ├─ sidenav/
│ │ └─ notes/
│ ├─ db/
│ ├─ interfaces/
│ ├─ pipes/
│ ├─ services/
│ ├─ app-routing.module.ts
│ ├─ app.component.ts
│ └─ app.module.ts
└─ index.html
Checkout my article on dev.to explaining the steps & technique I used to create this project :
Clone this repo into new project folder (e.g., keep).
git clone https://github.com/aBrihoum/google-keep-clone keep
Install npm packages.
cd keep
npm i
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.