React Native Iam Package

Zustand + Axios + SecureStore; login/refresh; hook-based API.

---

📈 Status

• Status: scaffolded (Scaffolded)
• Focus: Zustand + Axios + SecureStore; login/refresh; hook-based API.
• Last updated: 13/10/2025
• Target completion: 27/10/2025

---

🔑 Highlights

• Cross-platform → iOS and Android support
• Expo → Rapid development and deployment
• State Management → Zustand for lightweight state
• Secure Storage → SecureStore for tokens
• HTTP Client → Axios with interceptors
• TypeScript → Type-safe development
• Styled Components → CSS-in-JS styling
• VS Code Integration → Extensions, settings, and Plop generators

---

🏗 Architecture Overview

src/
 ├─ screens/        # React Native screens
 ├─ shared/         # API client, notifications, utilities
 ├─ store/          # Zustand state management
 ├─ components/     # Reusable UI components
 └─ hooks/          # Custom React hooks

Patterns used:

• Zustand → lightweight state management
• Axios → HTTP client with interceptors
• Expo → cross-platform development
• SecureStore → secure token storage
• Styled Components → CSS-in-JS styling
• TypeScript → type-safe development

---

📱 What It Demonstrates

• Cross-platform mobile development with React Native
• State management and API integration patterns
• Secure token storage and authentication flows
• Modern React Native development practices
• VS Code integration and development tooling
• Component-based architecture with styled-components

---

🚀 Getting Started

git clone https://github.com/Krispy145/react-native-iam-package.git
cd react-native-iam-package
npm install

Run:

npm start

iOS:

npx expo run:ios

Android:

npx expo run:android

Generate Components:

npm run plop

---

🧪 Testing

npm test

• Unit → components and utilities
• Integration → API interactions
• E2E → user flows
• Component → UI component testing with React Native Testing Library

---

🔒 Security & Next Steps

• Follow security best practices for the technology stack
• Implement proper authentication and authorization
• Add comprehensive error handling and validation
• Set up monitoring and logging

---

🗓 Roadmap

Milestone	Category	Target Date	Status
Scaffold package	React Native	26/10/2025	✅ Done
Core flows (login/refresh/logout)	React Native	26/10/2025	⏳ In Progress
Docs + usage examples	React Native	25/10/2025	⏳ In Progress

---

📄 License

MIT © Krispy145