A modern, elegant note-taking mobile app built with React Native, Expo, and TypeScript, featuring offline storage, customizable themes, smooth animations, and a responsive two-column layout.

Stars

8

7-day growth

No data

Forks

0

Open issues

0

License

MIT

Last updated

2026-07-27

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It combines a polished, animation-rich UX with full offline functionality and theme customization, all implemented in a modern Expo SDK 54 stack using TypeScript.

Who it is for

  • React Native / Expo developers seeking a well-structured reference project
  • Mobile users who want a lightweight, offline-capable note app with dark mode
  • Hobbyists looking for a clean, open-source note-taking template to extend

Use cases

  • Personal daily note-taking and journaling
  • Quick idea capture and task listing
  • Offline note management without cloud dependency
  • Learning and experimenting with React Native Reanimated animations

Strengths

  • Smooth animations using React Native Reanimated
  • Fully offline with automatic local saving via AsyncStorage
  • Customizable themes and dark/light mode support
  • Multi-select and batch delete for efficient note management

Considerations

  • No cloud sync or backup – notes are stored only locally
  • Requires Expo Go app to run; no native standalone build described
  • No web or desktop support; limited to mobile platforms

README quick start

📝 Note App Expo

A modern and elegant Notes application built with React Native, Expo, and TypeScript.

📱 Beautiful and modern note-taking app with smooth animations, custom themes, and offline storage.

Create, edit, search, and organize your notes with a clean user interface, smooth animations, beautiful themes, and persistent local storage.


🎥 Preview

https://github.com/user-attachments/assets/64493f39-3009-40e4-82ce-37dd372da216


✨ Features

  • 📝 Create, edit and delete notes
  • 🔍 Instant note search
  • 🎨 Beautiful customizable note themes
  • 🌙 Dark & Light mode support
  • 💾 Notes are automatically saved locally using AsyncStorage
  • ⚡ Smooth animations powered by React Native Reanimated
  • 📱 Responsive two-column layout
  • ✅ Multi-select and delete multiple notes
  • 🚀 Fast, lightweight and user-friendly experience

🛠 Tech Stack

  • React Native
  • Expo SDK 54
  • TypeScript
  • Expo Router
  • React Native Reanimated
  • AsyncStorage
  • Expo Image
  • Expo Vector Icons

📂 Project Structure

src/
├── app/
│   ├── components/
│   ├── constants/
│   ├── note/
│   ├── new.tsx
│   └── index.tsx
│
├── context/
├── data/
├── types/

🚀 Getting Started

Clone the repository:

git clone https://github.com/astralvoidd/note-app-expo.git

Navigate to the project directory:

cd note-app-expo

Install dependencies:

npm install

Start the development server:

npx expo start

Scan the QR code using Expo Go on your Android or iOS device.


📦 Built With

  • Expo SDK 54
  • React Native 0.81
  • React 19
  • TypeScript

📄 License

This project is licensed under the MIT License.


👨‍💻 Author

Built with ❤️ by astralvoidd

If you enjoyed this project, consider giving it a ⭐.

If you have any suggestions or feedback, feel free to open an issue or submit a pull request.

Description

A modern Note App built with React Native, Expo, TypeScript & Reanimated featuring beautiful UI, dark mode, note themes, search, and smooth animations.

Related repositories

Similar projects matched by category, topics, and programming language.

TanStack
Featured
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web DevelopmentFrontend Frameworks
14,861
NUber-dev
Featured
NUber-dev GitHub avatar

YTubic

YTubic is a fast, responsive, open-source YouTube Music desktop client for Windows, Linux, and macOS that uses direct InnerTube API communication and aggressive caching to provide instant navigation and playback.

Web DevelopmentFrontend Frameworks
226
react
Featured
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web DevelopmentFrontend Frameworks
246,741