Skip to content

TB Note v2.1.0

Choose a tag to compare

@arieftb arieftb released this 21 Jun 06:19
· 2 commits to main since this release
aa1ad72

Overview

TB Note is a simple, clean, and efficient note-taking application built with React 19 and Vite. This stable release incorporates all the improvements and features developed throughout the alpha releases.

What's New in v2.1.0

  • Enhanced PropTypes validation across components with detailed shape definitions
  • Added documentation for callback parameter shapes
  • Improved type checking for note objects in all components
  • Added a 404 Not Found page for better error handling
  • Implemented wildcard route to catch all undefined routes
  • Added styling for the Not Found page with consistent design
  • Added a dedicated ArchivedNotesPage for better separation of concerns
  • Implemented Navigation component for improved user navigation
  • Improved search functionality with URL-based search parameters
  • Implemented React Router's useSearchParams hook for persistent search queries
  • Enhanced user experience by maintaining search state during navigation
  • Updated search handling in both active and archived notes pages
  • Moved archived notes functionality to a separate page
  • Simplified NotesPage to focus only on active notes
  • Moved delete functionality from note cards to the detail page
  • Improved UI for note actions with consistent styling
  • Enhanced responsive design for note action buttons
  • Moved the Add New Note section from the Home Page to a new specific page
  • Implemented a singleton pattern for NoteRepository with new NoteRepositoryInstance
  • Changed note IDs from numeric to string format (e.g., 'notes-1' instead of 1)
  • Simplified ID comparison in getNoteById method
  • Refactored components to use the singleton NoteRepository instance

Core Features

  • Create notes with title and body content through a dedicated Add Note page
  • View detailed information for individual notes
  • Archive and unarchive notes for better organization
  • Dedicated page for archived notes for better separation of concerns
  • Improved navigation between different sections of the application
  • Enhanced search functionality with URL-based parameters and persistent search state
  • 404 Not Found page for better error handling of undefined routes
  • Responsive design for various screen sizes
  • Clean architecture implementation with separation of concerns

Technologies Used

  • React 19 - UI library
  • React Router DOM 7.6.1 - For routing and navigation
  • Vite - Build tool and development server
  • PropTypes - Runtime type checking for React props
  • ESLint - For code linting and maintaining code quality
  • Clean Architecture - For separation of concerns and maintainability

Installation and Usage

Same as the alpha release, please refer to the README.md file for detailed instructions.

Release Type

This is version 2.1.0, mark it as a "stable release" as it incorporates all the features and improvements from the alpha releases into a production-ready version.