Skip to content

πŸ“± React Native Expo app for task management βœ… with auth πŸ”, stats πŸ“Š, and Redux ⚑. Mirrors the Angular web client ⚑.

Notifications You must be signed in to change notification settings

Abstractize/todo.react-native-mobile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“± TodoApp Mobile (React Native)

This is the mobile client for the TodoApp project, built with React Native and Expo. It replicates the full functionality of the Angular web client, including authentication, task management, and statistics.


πŸš€ Tech Stack

  • React Native + Expo
  • Redux Toolkit for state management
  • React Navigation (Bottom Tabs)
  • Tailwind CSS via NativeWind for styling
  • Axios for API communication
  • AsyncStorage for token persistence
  • React Hook Form + Yup for form handling

πŸ“ Project Structure

src/
β”œβ”€β”€ app/
β”‚   β”œβ”€β”€ auth/          # Login, register, auth services
β”‚   β”œβ”€β”€ client/        # Core user features like todo lists
β”‚   β”œβ”€β”€ core/          # Global services, guards, utils
β”‚   β”œβ”€β”€ interceptors/  # Axios interceptors (e.g. auth)
β”‚   β”œβ”€β”€ public/        # Public-facing modules
β”‚   └── shared/        # Shared components, hooks, models
β”œβ”€β”€ App.tsx
β”œβ”€β”€ index.ts

πŸ“¦ Setup

βœ… Prerequisites


πŸ“₯ Installation

npm install

▢️ Running the App

npx expo start
  • Opens Expo DevTools in your browser.
  • Run on iOS Simulator, Android Emulator, or physical device using Expo Go.

πŸ” Authentication

  • Login and registration via backend auth microservice
  • JWT tokens stored securely in AsyncStorage
  • Axios interceptor injects tokens in API requests

πŸ§ͺ Testing

Testing setup not included by default, but you can add libraries like Jest and React Native Testing Library.


πŸ–ΌοΈ Screenshots

Screenshots of the app are available in the docs/images directory:

Login Screen Todo List Statistics
Login Todo List Statistics

πŸ› οΈ Building for Production

Build and publish your Expo app following Expo's official guides.


πŸ“œ License

MIT

About

πŸ“± React Native Expo app for task management βœ… with auth πŸ”, stats πŸ“Š, and Redux ⚑. Mirrors the Angular web client ⚑.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published