Quick Memo React App

Quick Memo is a Single Page Application (SPA) made with React for quick note-taking.

⭐ Bookmark Quick Memo for daily use! https://glowiep.github.io/quick-memo/

✅ Features

• 🌙 Dark Mode toggle
  • Uses system setting on initial load.
• 📦 Memo data kept in localStorage
  • Refresh the page or close the browser window without losing existing memos.
• 📤 Export to text file
  • Click on the export icon on the navigation bar to export all memos into a text file.
• 📋 Copy & Delete
  • Click on the clipboard icon to copy a specific memo.
  • Click on the trash icon to delete a memo.

The memos will be reorganized according to responsive design on the page:

On Smaller screens:

Exported memos in text file preview:

✨ Getting Started

• Fork and clone this repo.
• Run npm install in the root directory of the project to install dependencies.
• Run npm start

🔧 Technical Specifications

• This project was bootstrapped with Create React App
• React
• Webpack
• Babel
• Sass
• Material UI (MUI)
• file-saver (Solution to saving files on the client-side)

🪄 Future improvements

• Search bar
  • Filters the memo list based on search input.
• Star memos
  • Starred memos appear on the top of memo list.
• Memo titles
  • Option to add a title to each memo.
• Panels
  • Option to create panels for organizing multiple multiple memo lists.
• Interactive memo cards
  • Drag and rearrange memo cards.
• Memo create date
  • Include date and time the memo was created.
• Edit memo
  • Add edit icon to allow memo modifications.
• Text options in create memo
  • Options to highlight, bold text etc during memo creation.
  • Option to post snapshots/ copied images.