Skip to content

ruuti/note-app

Repository files navigation

Note-app is a sample web-based note taking application.

Note app screenshot

Features

  • Create, edit and delete notes in realtime
  • Create and delete folders
  • Drag and drop notes between folders
  • Edit folder name inline by double clicking a folder name
  • Rich text editor with bold, italic and underline
  • Advanced live fuzzy-search

Running locally

In the project directory, you can run either:

npm install or yarn install

Application uses Firebase Realtime database and to run and deploy application you need to create following files:

./src/config/dev.js ./src/config/staging.js ./src/config/production.js

with each containing Firebase configurations:

export const FirebaseConfig = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: ""
};

Create and get Firebase configurations by following instructions here: Installation & Setup in JavaScript

Run project locally by executing: yarn start

Build production

npm run build or yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Deploy to Firebase Hosting

Deploy application to Firebase hosting by running: firebase deploy.

Components used: