aBrihoum/google-keep-clone

A Google Keep clone, that follows the same design pattern as the original. Made with Angular.

Google Keep Clone

Description

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 :

• Angular
• Dexie.js
• Bricks.js

Preview

▶ Visite the website

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

---

$~$

Checkout my article on dev.to explaining the steps & technique I used to create this project :

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.