Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cesarcanoff/squad-sync-mobile-app
App in React Native to manage and organize teams for matches
https://github.com/cesarcanoff/squad-sync-mobile-app
android async-storage components-design expo ios mobile path-mapping react-native react-navigation react-navigation-stack styled-components typescript
Last synced: 3 days ago
JSON representation
App in React Native to manage and organize teams for matches
- Host: GitHub
- URL: https://github.com/cesarcanoff/squad-sync-mobile-app
- Owner: CesarCanoff
- Created: 2023-10-07T01:17:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-15T21:36:40.000Z (about 1 year ago)
- Last Synced: 2024-01-25T21:45:34.716Z (10 months ago)
- Topics: android, async-storage, components-design, expo, ios, mobile, path-mapping, react-native, react-navigation, react-navigation-stack, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 840 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This app was created with the main aim of offering a learning opportunity in mobile app development using React Native and TypeScript technology. I developed this project as a starting point for exploring the fundamental concepts and best practices of developing on one of the most popular platforms for creating mobile apps, studying Stack Navigation.
---
📚 Technologies
![React Native](https://img.shields.io/badge/react_native-0d1117.svg?style=for-the-badge&logo=react&logoColor=3494D9)
![NPM](https://img.shields.io/badge/NPM-0d1117.svg?style=for-the-badge&logo=npm&logoColor=3494D9)
![Typescript](https://img.shields.io/badge/typescript-0d1117.svg?style=for-the-badge&logo=typescript&logoColor=3494D9)
![Expo](https://img.shields.io/badge/expo-0d1117?style=for-the-badge&logo=expo&logoColor=3494D9)
![Javascript](https://img.shields.io/badge/javascript-0d1117.svg?style=for-the-badge&logo=javascript&logoColor=3494D9)
![Styled-components](https://img.shields.io/badge/styled--components-0d1117?style=for-the-badge&logo=styled-components&logoColor=3494D9)---
### Installation Guide (Linux and Windows)
#### Prerequisites
- Before you begin, ensure you have the following prerequisites installed:
- Node.js and npm: You can download and install them from the official Node.js website: Node.js
- Expo CLI: Install Expo CLI globally using npm:
```bash
npm install -g expo-cli
```1. Clone the repository:
Open your terminal (Command Prompt for Windows) and execute the following command to clone the Event-Go repository:
```bash
git clone https://github.com/CesarCanoff/squad-sync-app.git
```2. Navigate to the app directory:
Change to the Squad Sync directory that you just cloned:
```bash
git clone https://github.com/CesarCanoff/squad-sync-app.git
```3. Install dependencies:
Use npm to install all the app's dependencies. This may take some time depending on the project's size:
```bash
npm install
```
4. Start the app with Expo:
After the dependencies are successfully installed, you can start the Squad Sync using Expo Go. Run the following command:
```bash
npx expo start
```5. Run on Emulator (Linux):
If you're using Linux and want to run the app on an Android emulator, make sure you have an
Android emulator like Android Studio's AVD Manager set up. Then, in the Expo DevTools that open in your browser, press "a" to run the app on the Android emulator.6. Run on Emulator (Windows):
If you're using Windows and want to run the app on an Android emulator, ensure you have an Android emulator like Android Studio's AVD Manager
configured. In the Expo DevTools that open in your terminal, press "a" to run the app on the Android emulator.7. Access the app on your device (iOS/Android):
Scan the QR code displayed in the Expo DevTools with your Expo Go app on your iOS or Android device. Alternatively, you can use the Expo Go app to open the project by entering the provided URL.You should now have the Squad Sync installed and running using Expo Go on your Linux or Windows system.
Enjoy using Event-Go! If you need further assistance or encounter any issues, refer to the project's documentation or reach out to the developer.