debasish-dd/note-app-ui

note-app-ui is a simple mobile notes application interface built with React Native and Expo, created as a learning exercise for React Native fundamentals. The app runs on mobile devices and lets users write and manage short notes. The core features are creating new notes, searching through existing notes by title or description as you type, switching between dark and light color themes, and tapping a note to read its full content. Navigation between screens is handled without a dedicated navigation library. Instead, the app checks which note is currently selected and renders the matching view accordingly. The project was built to practice several React Native concepts in one place: managing application state with useState, rendering long lists efficiently with FlatList, building reusable components, handling keyboard behavior on mobile, and generating styles dynamically based on the active theme. The project structure keeps things simple, with a single index screen and one reusable Note component, which matches the scope of a fundamentals-focused exercise rather than a full app. The tech stack is React Native with TypeScript, Expo as the development framework, and Lucide React Native for icons. To run it, you clone the repository, install dependencies with npm, and start it through the Expo development server. This is explicitly described by its author as a learning project rather than a production-ready application, so the focus is on demonstrating clean state management and rendering patterns rather than advanced architecture. The README lists the specific challenges the author worked through, including managing multiple UI states, dynamic search, conditional rendering, theme synchronization, and responsive styling.