Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cesarcanoff/gymhub-mobile-app
Training management app made with React Native, Expo, Typescript, Native Base, and using Bottom Tabs Navigation.
https://github.com/cesarcanoff/gymhub-mobile-app
bottom-tabs-navigator components-design expo javascript native-base path-mapping react-native typescript
Last synced: 2 days ago
JSON representation
Training management app made with React Native, Expo, Typescript, Native Base, and using Bottom Tabs Navigation.
- Host: GitHub
- URL: https://github.com/cesarcanoff/gymhub-mobile-app
- Owner: CesarCanoff
- License: mit
- Created: 2023-10-21T05:31:36.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-29T07:27:22.000Z (12 months ago)
- Last Synced: 2024-01-30T15:19:11.038Z (10 months ago)
- Topics: bottom-tabs-navigator, components-design, expo, javascript, native-base, path-mapping, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 13.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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 Native Base and Bottom Tabs Navigation.
---
📚 Technologies
![React Native](https://img.shields.io/badge/react_native-0d1117.svg?style=for-the-badge&logo=react&logoColor=FACC15)
![NPM](https://img.shields.io/badge/NPM-0d1117.svg?style=for-the-badge&logo=npm&logoColor=FACC15)
![Typescript](https://img.shields.io/badge/typescript-0d1117.svg?style=for-the-badge&logo=typescript&logoColor=FACC15)
![Expo](https://img.shields.io/badge/expo-0d1117?style=for-the-badge&logo=expo&logoColor=FACC15)
![Javascript](https://img.shields.io/badge/javascript-0d1117.svg?style=for-the-badge&logo=javascript&logoColor=FACC15)
![Native-Base](https://img.shields.io/badge/Native--Base-0d1117?style=for-the-badge&logo=react&logoColor=FACC15)---
### 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/gymhub.git
```2. Navigate to the app directory:
Change to the Gym Hub directory that you just cloned:
```bash
git clone https://github.com/CesarCanoff/gymhub.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 Gym Hub 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 Gym Hub 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.