kushagratrvd/notes

Notes App UI is a simple notes application built with React Native and Expo. The README describes it as a school assignment, built to demonstrate proper use of core React Native components, responsive layout, and light and dark theming rather than as a finished product with backend storage. The app lets you search notes, create and edit them in a full screen editor, and toggle between dark and light mode with a switch. It uses standard React Native building blocks such as SafeAreaView for notch-friendly layouts, FlatList for a smooth scrolling list of note cards, a Modal for the note editor, and KeyboardAvoidingView so the on-screen keyboard never covers the text you are typing. State is managed with plain React hooks: useState for notes data and search input, useColorScheme to pick up the phone system theme automatically, and useWindowDimensions to adjust padding and margins on tablets versus phones. On top of the base requirements the author added a few extra touches: a floating action button in the bottom right for creating a new note, automatic keyboard dismissal when you tap outside a text field, and a header image on the editor screen with a darkened overlay so the back and save buttons stay readable no matter what image is behind them. Style logic is composed with StyleSheet.compose and StyleSheet.flatten rather than scattering inline styles through the components. To run it, you clone the repository, install dependencies with npm, and start it with the Expo development server, then open it in the Expo Go app on a phone or in an iOS or Android simulator. The README does not mention a license.