/NoteMate

NoteMate: The ultimate note-taking app! Stay organized and productive with ease. Create notes, lists, add labels, colors, reminders & collaborate with others. Sync across all devices. Perfect for busy professionals & students who want to stay organized!

Primary LanguageTypeScript

Google Keep Clone

angular sass vercel github1s

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 :

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

Quick start

Clone this repo into new project folder (e.g., keep).

git clone https://github.com/jyoti-prakash-25/NoteMate

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.