QuickNote Expo

QuickNote is a minimalist mobile note-taking mobile application developed with React Native Expo.
This project was designed in Figma and implemented as a CRUD-based mobile case study.

Features

• Create notes
• View note details
• Edit existing notes
• Delete notes
• Swipe-to-delete interaction
• Shopping list style note organization
• Clean minimalist UI

Tech Stack

• React Native
• Expo Router
• TypeScript
• Context API
• React Native Gesture Handler

Screens

• Home Screen
• Add Note
• Note Detail
• Edit Note

Functionalities

• Full CRUD operations
• Swipe gestures
• State management with Context API
• Navigation with Expo Router
• Figma prototype to implementation workflow

Bonus Features

• Swipe-to-delete support
• Note editing screen
• Figma-based UI implementation

UI/UX

Designed first in Figma and implemented with a simple, clean and user-friendly mobile interface.

Run Locally

Clone the repository:

git clone https://github.com/zeyneppcakir/QuickNoteExpo.git
cd QuickNoteExpo

Install dependencies:

npm install

Start the project:

npx expo start

Run on Android Emulator or Expo Go.

GitHub Topics

react-native expo typescript crud mobile-app notes-app

Author

Zeynep Çakır

Screenshots