Log-Book

Nov 27, 2024

Log-Book 📝


Log-Book is a modern, lightweight note-taking application built with React and TypeScript. It supports Markdown for writing formatted notes and allows you to organize your notes into categories. Perfect for students, developers, or anyone looking to manage their notes effectively!


🚀 Features

  • Markdown Support: Write notes in Markdown and preview them instantly.

  • Categorize Notes: Organize your notes into specific categories for better filtering.

  • CRUD Operations: Easily create, update, delete, and manage your notes.

  • Persistent Storage: Notes and categories are saved in your browser's local storage.

  • Clean UI: A responsive and intuitive user interface for a seamless experience.


🛠️ Tech Stack

  • React: Component-based UI development.

  • TypeScript: Strong typing for better code quality and bug prevention.

  • React-Markdown: For rendering Markdown content.

  • Local Storage: For saving notes and categories persistently.

  • CSS Modules: Modular and maintainable styling.


📝 Usage

  • Click "Add Note" and start writing using Markdown.

  • Assign categories to your notes for better organization.

  • Use the edit or delete buttons to manage your notes.

  • Write in Markdown syntax and instantly preview the formatted output.


🌟 Future Improvements

  • Add search functionality for notes.

  • Export notes as .txt or .pdf files.

  • Sync notes with a cloud database for multi-device support.


GitHub Link

https://github.com/Ferdousfrd/logBook-TypeScript-React