Skip to content

TB Note v2.2.0

Latest
Latest

Choose a tag to compare

View all tags
@arieftb arieftb released this 31 Jul 10:47
v2.2.0
6a66535
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Release Tag for TB Note v2.2.0

Overview

TB Note is a simple, clean, and efficient note-taking application built with React 19 and Vite. This stable release incorporates all the features and improvements developed throughout the alpha cycle, providing a complete note-taking solution with enhanced user experience.

What's New in v2.2.0

  • Implemented Protected Route for secure access to authenticated pages
  • Added Theme Switching functionality for better user experience with light/dark mode options
  • Implemented Loading Indicator for improved user feedback during operations
  • Added Translation support for internationalization with English and Indonesian languages
  • Refactored Non-Archived Notes handling for better performance
  • Improved Search functionality for Non-Archived Notes
  • Enhanced Detail Note view with better user interface
  • Optimized Delete note functionality
  • Improved Add note process
  • Enhanced Archive/Unarchive note functionality
  • Refined search for archived notes
  • Removed unused code for better maintainability

Features from Previous Releases

  • v2.1.0: Full release with features including:
    • Enhanced PropTypes validation
    • 404 Not Found page
    • Improved search functionality
    • Dedicated ArchivedNotesPage
    • Navigation component
    • Singleton pattern for NoteRepository
    • String format for note IDs

Core Features

  • User authentication with registration and login functionality
  • Protected routes for secure access to authenticated pages
  • 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
  • Theme switching functionality (light/dark mode) for a better user experience
  • Internationalization with support for English and Indonesian languages
  • Loading indicators for improved user feedback during operations
  • 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.0.0 - UI library
  • React Router DOM 7.6.1 - For routing and navigation
  • Vite 6.2.0 - Build tool and development server
  • PropTypes 15.8.1 - Runtime type checking for React props
  • ESLint 9.21.0 - For code linting and maintaining code quality
  • Context API - For state management
  • Clean Architecture - For separation of concerns and maintainability
  • Fetch API - For making HTTP requests to the Dicoding Notes API

Installation

# Clone the repository
git clone https://github.com/arieftb/tb-note-learning.git
cd tb-note-learning

# Install dependencies
npm install

# Start the development server
npm run dev

Usage Instructions

For detailed usage instructions, please refer to the README.md file in the repository.

Assets

Upload the compiled build files (generated using npm run build) as assets for the release. This typically includes:

  • A ZIP file of the build directory
  • Any other relevant assets or documentation

Release Type

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

Assets 2
Loading