React Native Apps Collection

A curated collection of mobile applications built with React Native, showcasing modern mobile development practices and interactive user experiences.

Overview

This repository contains multiple React Native applications demonstrating various features and use cases. Each app is designed to showcase different aspects of mobile development, from state management to user interface design.

Applications

📝 Todo List App

A comprehensive task management application featuring:

• Add, edit, and delete tasks
• Mark tasks as complete/incomplete
• Smooth animations and transitions
• Clean, intuitive user interface

Demo: https://github.com/temez26/React-native-apps/assets/95919515/d28e3d03-faee-4286-8459-b5f8c1e77efd

🛒 Shopping List App

A practical shopping list manager with:

• Add and remove items
• Real-time list updates
• User-friendly interface
• Efficient state management

Demo: https://github.com/temez26/React-native-apps/assets/95919515/d0b3943d-5585-43f8-9992-d4c622affcf8

🏙️ City App

An informational city application featuring:

• City information display
• Interactive user interface
• Modern design patterns

Demo: https://github.com/temez26/React-native-apps/assets/95919515/222159b6-8b2b-47d2-a64c-fbfe49008cf5

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• React Native CLI
• Android Studio (for Android development)
• Xcode (for iOS development, macOS only)

Installation

1. Clone the repository:

   git clone https://github.com/temez26/React-native-apps.git
   cd React-native-apps

2. Navigate to the desired app directory:

   cd "Todo list"  # or "ShoppingList" or "CityApp"

3. Install dependencies:

   npm install

4. Run the application:

   # For iOS
   npx react-native run-ios
   
   # For Android
   npx react-native run-android

Project Structure

├── CityApp/           # City information application
├── ShoppingList/      # Shopping list manager
├── Todo list/         # Task management application
└── README.md         # Project documentation

Technologies Used

• React Native - Cross-platform mobile development framework
• TypeScript - Type-safe JavaScript development
• React Hooks - Modern state management
• Expo - Development platform and tools