Take Note With Purpose

Be a part of Vacay Notes App »

Introduction

Vacay Notes is a note taking web application. Vacay Notes is publicly hosted on Netlify at https://vacay-notes.netlify.app/.

Demo

vacay-notes-demo.mp4

Features

• Landing page
• Notes listing page
• Labels listing page
• Profile page with notes data
• Add a new note
• Edit Note
• Create Labels
• Change Card Color
• Add Labels to notes
• Filter & Sort by date, priority, labels
• Debounced search
• Pin/Unpin notes
• Trash & Archive
  • Archive/Unarchive notes
  • Delete/Restore/Permanent-delete notes
• Authentication
  • Sign up
  • Login
  • Logout
• Mobile Responsive

Tech stack

• TypeScript
• ReactJS
• React Router v6
• useContext + useReducer for state management
• Vanilla CSS & Vacay UI library
• Firebase for backend

Installation

• Clone repository and change directory.

git clone https://github.com/anik31/vacay-notes.git
cd vacay-notes

• Switch to dev branch.

git checkout dev

• Create a firebase project & register your app, then copy the firebaseConfig object inside the SDK & replace with the firebaseConfig object in the config/firebase-config.js.

// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
  //...
};

• Install dependencies and start server.

npm install
npm start

Socials

• Twitter - _anik_31
• Github - anik31