Notes app

Overview

A mobile notes application built with React Native and Expo, featuring authentication, note management, search functionality, and favorites. The app includes a tab-based navigation system with Home, Favorites, and Settings screens, plus dedicated flows for creating and viewing notes.

Features

• Authentication System - Login, signup, and registration screens with auth context
• Note Management - Create, view, and organize notes with title and content
• Search Functionality - Search notes by title and content across the app
• Favorites System - Mark notes as favorites and view them in a dedicated section
• Tab Navigation - Bottom tab bar with Home, Favorites, and Settings screens
• Responsive Design - Works on mobile and web platforms (Expo web export)
• User Profile - Display user information on home screen
• Statistics Dashboard - Show note count and favorites count on home screen
• Date Formatting - Display note creation dates in readable format
• Empty States - User-friendly messaging when no notes or favorites exist

Tech Stack

• Framework: React Native with Expo
• Language: TypeScript
• Navigation: Expo Router (file-based routing)
• State Management: React Context API (AuthContext, NotesContext)
• Styling: React Native StyleSheet with custom theme system
• Platform Support: iOS, Android, and Web (via Expo web export)

Setup/Usage

Installation

# Install dependencies
npm install
# or
yarn install

Running the App

Mobile Development:

npx expo start
# Press 'i' for iOS simulator or 'a' for Android emulator

Web Preview:

npx expo start --web
# Opens at http://localhost:8081 (or next available port)

Web Export:

npx expo export --platform web
# Generates static files in dist/ directory

Project Structure