Skip to content

Repository files navigation

HacemeElParo

A React Native mobile application built with Expo, featuring state management with Redux and Redux-Saga for side effects.

📱 About

HacemeElParo is a cross-platform mobile application developed using React Native and Expo. The app includes user authentication, task management, advertising features, and payment processing capabilities.

🛠 Tech Stack

  • React Native - Cross-platform mobile framework
  • Expo - Development and build platform for React Native
  • Redux - State management
  • Redux-Saga - Side effects management
  • Immutable.js - Immutable data structures
  • React Navigation - Navigation library
  • Axios - HTTP client
  • Stripe - Payment processing
  • React Native Elements - UI component library

📦 Installation

Prerequisites

  • Node.js (v8 or higher recommended)
  • Yarn package manager
  • Expo CLI
  • Expo app installed on your mobile device or an emulator

Setup

  1. Clone the repository:
git clone https://github.com/your-username/HacemeElParo.git
cd HacemeElParo
  1. Install dependencies:
yarn install
  1. Start the development server:
yarn start
  1. Scan the QR code with the Expo app on your device or run on an emulator.

🧪 Testing

Run the test suite:

yarn test

📁 Project Structure

├── App.js                  # Main application component
├── assets/                 # Static assets (fonts, icons, images)
│   ├── fonts/
│   ├── icons/
│   └── images/
├── components/             # Reusable UI components
│   ├── Money.js
│   ├── Pack.js
│   └── SimpleAd.js
├── constants/              # App-wide constants
│   ├── Colors.js
│   └── Layout.js
├── navigation/             # Navigation configuration
│   ├── LoginNavigator.js
│   ├── MainTabNavigator.js
│   └── ScreenNavigator.js
├── redux/                  # Redux store configuration
│   ├── index.js            # Store setup
│   ├── todos.js            # Todos reducer
│   └── user.js             # User reducer
├── sagas/                  # Redux-Saga middleware
│   └── sagas.js
├── screens/                # App screens
│   ├── LoginScreen.js
│   ├── MoreAdScreen.js
│   ├── PaymentScreen.js
│   ├── ProfileScreen.js
│   ├── PublishAdScreen.js
│   ├── PackScreen.js
│   ├── SettingScreen.js
│   └── TodoScreen.js
└── __tests__/              # Test files

🚀 Features

  • User Authentication - Login and user management
  • Task Management - Todo list functionality
  • Advertising - Create and manage advertisements
  • Payments - Stripe integration for payment processing
  • Profile Management - User profile settings
  • Settings - Application configuration

🧩 Key Dependencies

Package Version Purpose
expo ^21.0.0 Expo SDK
react 16.0.0-alpha.12 React library
react-native SDK 21.0.2 React Native framework
react-navigation ^1.0.0-beta.12 Navigation
redux ^3.7.2 State management
redux-saga ^0.16.0 Side effects
react-redux ^5.0.6 React bindings for Redux
axios ^0.17.1 HTTP client
stripe-client ^1.1.3 Payment processing
react-native-elements ^0.17.0 UI components
immutable ^3.8.2 Immutable data structures

📝 License

This project is currently unlicensed. Please contact the maintainers for usage rights.

👥 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📞 Support

For issues, questions, or feature requests, please open an issue on the repository.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages