https://github.com/pasan-pahasara/mobile-application-development

This React Native project introduces a popular framework for building mobile apps using JavaScript and React. It allows developers to create cross-platform mobile apps that can run on both iOS and Android devices with a single code base.
https://github.com/pasan-pahasara/mobile-application-development

javascript react-native

Last synced: 2 months ago
JSON representation

This React Native project introduces a popular framework for building mobile apps using JavaScript and React. It allows developers to create cross-platform mobile apps that can run on both iOS and Android devices with a single code base.

• Host: GitHub
• URL: https://github.com/pasan-pahasara/mobile-application-development
• Owner: Pasan-Pahasara
• License: mit
• Created: 2023-05-17T03:30:55.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-06-26T10:30:47.000Z (about 3 years ago)
• Last Synced: 2025-06-13T16:09:48.391Z (about 1 year ago)
• Topics: javascript, react-native
• Language: JavaScript
• Homepage:
• Size: 919 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Mobile-Application-Development

This React Native project introduces a popular framework for building mobile apps using JavaScript and React. It allows developers to create cross-platform mobile apps that can run on both iOS and Android devices with a single code base.

![react-native](https://github.com/Pasan-Pahasara/Mobile-Application-Development/assets/88943660/a62b2bd5-5d42-4b49-84b2-14d0e7d4cfd3)

##

- **`Create Expo Go`**

```

npx create-expo-app ProjectName

cd ProjectName

```

##

- **`Installing ReactNative Navigations`**

```

npm install @react-navigation/native

```

- **`Installing dependencies into an Expo managed project`**

```

npx expo install react-native-screens react-native-safe-area-context

```

##

## Navigators

- **`Stack Navigator`**

```

npm install @react-navigation/stack

```

- **`Native Stack Navigator`**

```

npm install @react-navigation/native-stack

```

- **`Drawer Navigator`**

```

npm install @react-navigation/drawer

npx expo install react-native-gesture-handler react-native-reanimated

```

- **`Bottom Tabs Navigator`**

```

npm install @react-navigation/bottom-tabs

```

- **`Material Bottom Tabs Navigator`**

```

npm install @react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons

```

- **`Material Top Tabs Navigator`**

```

npm install @react-navigation/material-top-tabs react-native-tab-view

```

##

## Install Redux Toolkit and React-Redux

```

npm install @reduxjs/toolkit react-redux

```

##

## Manage HTTP Request using axios

```

npm install axios

```

##

- **`Run Expo Go`**

```

npx expo start

npm run android  

```

#  

#### Clone this repository ✅

```md

https://github.com/Pasan-Pahasara/Mobile-Application-Development.git

```

###                                              

###### If you think my code is good please drop a Star 

![GitHub issues](https://img.shields.io/github/issues/Pasan-Pahasara/Mobile-Application-Development?&labelColor=black&color=eb3b5a&label=Issues&logo=issues&logoColor=black&style=for-the-badge)

![GitHub Contributions](https://img.shields.io/github/contributors/Pasan-Pahasara/Mobile-Application-Development?&labelColor=black&color=8854d0&style=for-the-badge)

### License 📝

[![GitHub license](https://img.shields.io/github/license/Pasan-Pahasara/Mobile-Application-Development?&labelColor=black&color=3867d6&style=for-the-badge)](https://github.com/Pasan-Pahasara/REST-API/blob/main/License)



![repo size](https://img.shields.io/github/repo-size/Pasan-Pahasara/Mobile-Application-Development?label=Repo%20Size&style=for-the-badge&labelColor=black&color=20bf6b)

 

![GitHub forks](https://img.shields.io/github/forks/Pasan-Pahasara/Mobile-Application-Development?&labelColor=black&color=0fb9b1&style=for-the-badge)

![GitHub stars](https://img.shields.io/github/stars/Pasan-Pahasara/Mobile-Application-Development?&labelColor=black&color=f7b731&style=for-the-badge)

![GitHub LastCommit](https://img.shields.io/github/last-commit/Pasan-Pahasara/Mobile-Application-Development?logo=github&labelColor=black&color=d1d8e0&style=for-the-badge)



 

If you have any questions or just wanna say hi, 
MAIL ME 

  

      

  

 

 


 

 

#### Developed by [Pasan Pahasara](https://github.com/Pasan-Pahasara/)