notes app

Idea behind

This is a hobby project.

I wanted a personal note taking app. I could have created a full user login but that was not the idea it is for personal single person use.

On Landing page it asks for password directly on deployment i set the environment variable for email which is used inside the project.

Create quick note, markdown support, save code snippets for this markdown is used.

Notes are sorted by time.

Screen SHots

• Login
• Home
• Quick Note Add
• Quick Note View
• Markdown Note Add
• Markdown Note View

Tech used

• Authentication: Firebase Authentication Email/Password

• For db: Cloud Firestore

• hosting: vercel or firebase Hosting

• UI Components: antd

Authentication Setup

• Enable Email/Password Auth from Firebase
• Add User to firebase.
• for local add it to .env file.

REACT_APP_EMAIL=jogn@doe.com

add your email for login.

if you are deploying add it to your deployment env.

Firebase Config

Firebase config

update firebaseConfig according to your setup.

Cloud Firestore

Enable it, setup rules.

configure db as per shown in screenshot.

note: <map>
  body: <string>
  id: <string>
  noteType: <string>
  title: <string>

Start local server

npm install
npm start

create Build

npm install
npm run build