## Google Keep Clone [](https://angular.io/) [](https://sass-lang.com/) [](https://google-keep-clone-lovat.vercel.app/) [](https://github1s.com/aBrihoum/google-keep-clone/blob/HEAD/src/app/app.module.ts)

# Description This project is a clone of [Google Keep](https://keep.google.com/) that stays true to the original app's design principles and incorporates most of its features. It was made with the help of : - [Angular](https://angular.io/) - [Dexie.js](https://dexie.org/) - [Bricks.js](https://github.com/callmecavs/bricks.js/) # Preview

[](https://www.youtube.com/watch?v=FPJamYMh-As)
▶ Visite the website [](https://google-keep-clone-lovat.vercel.app/)

# Project structure 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 ``` [](https://github1s.com/aBrihoum/google-keep-clone/blob/HEAD/src/app/app.module.ts)

[](https://github1s.com/aBrihoum/google-keep-clone/blob/HEAD/src/app/app.module.ts)

---

$~$ Checkout my article on dev.to explaining the steps & technique I used to create this project : [](https://dev.to/brihoum/i-made-a-google-keep-clone-with-most-of-its-features-using-angular-2bla)

# Quick start 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 ``` ## Development server 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. ## Build Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. # Keep-Notes