Notes App (React Native + Expo)

A simple, polished notes application built with Expo and React Native. It lets you create, view, edit, and delete notes, and persists them locally using AsyncStorage.

Features

• Create, read, update, delete notes
• Local persistence via AsyncStorage
• Clean, dark-themed UI with accessible controls
• No external navigation dependency

Project Structure

• src/types.ts – Note type definitions
• src/storage.ts – AsyncStorage load/save helpers
• src/useNotes.ts – React hook providing CRUD and persistence
• src/theme.ts – Colors and spacing
• src/components/NoteCard.tsx – Styled card for list
• src/components/TopBar.tsx – Simple top bar and icon buttons
• src/screens/ListScreen.tsx – Notes list with empty state and add button
• src/screens/EditScreen.tsx – Editor for creating/updating notes with delete
• App.tsx – Minimal router + app wiring

Run it

1. Install dependencies (already installed if you used the scaffold step):

cd g:\React_Native\Notes_App
npm install

2. Start the dev server:

npm run start

• Scan the QR code in Expo Go (Android) to open the app.
• For Android emulator: press a in the terminal.

3. Optional checks:

npm run typecheck

Notes

• Data is stored locally on the device under the key notes:v1.
• Titles default to "Untitled" if left blank.
• Notes are sorted by most recently updated.

Troubleshooting (Windows)

• If Metro seems stuck, restart with a clear cache:

npm run start -- --clear

• If the app doesn’t reload, press r in the Metro terminal.
• Ensure your phone and PC are on the same Wi‑Fi network to use Expo Go.