https://github.com/williamjayjay/symbols-app-rn-expo-mcode
A React Native app for listing and customizing Expo-Symbols. Features interactive style controls with `@react-native-segmented-control/segmented-control`, seamless navigation, and real-time visualization of customizations.
https://github.com/williamjayjay/symbols-app-rn-expo-mcode
expo expo-symbols react-native react-native-segment-control segment-control
Last synced: 2 months ago
JSON representation
A React Native app for listing and customizing Expo-Symbols. Features interactive style controls with `@react-native-segmented-control/segmented-control`, seamless navigation, and real-time visualization of customizations.
- Host: GitHub
- URL: https://github.com/williamjayjay/symbols-app-rn-expo-mcode
- Owner: williamjayjay
- Created: 2025-01-07T01:54:56.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2025-01-10T09:59:35.000Z (over 1 year ago)
- Last Synced: 2025-05-16T10:45:23.238Z (about 1 year ago)
- Topics: expo, expo-symbols, react-native, react-native-segment-control, segment-control
- Language: TypeScript
- Homepage:
- Size: 875 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Mobile Symbols Control (React Native - Expo)
This application focuses on listing and customizing Expo-Symbols with interactive style controls using the `@react-native-segmented-control/segmented-control` library. The app features seamless navigation and an intuitive interface for experimenting with symbol styles such as colors, animations, and other visual properties.
## VideoCase
https://github.com/user-attachments/assets/4676a9ca-ca01-4901-b750-fef73c4f8dfa
## 🥶 About the Project
I developed this project to enhance my knowledge of React Native, navigation, and dynamic UI styling. The goal is to provide a practical and visually engaging way to explore and customize the Expo-Symbols library.
## Mobile React Native:
**Application:** The app allows users to navigate through symbol options, adjust their styles interactively, and visualize changes in real time, leveraging segmented controls for a better user experience.
## 🚀 Technologies
Key technologies used in this application:
- [Expo-Symbols](https://docs.expo.dev/versions/latest/sdk/symbols/)
- [Segmented Control](https://docs.expo.dev/versions/latest/sdk/segmented-control/)
## Getting Started
To install and configure a local copy, follow these steps:
### Prerequisites
Ensure the following steps are completed to run the app:
1.**Clone the repository**:
```sh
git clone https://github.com/williamjayjay/symbols-app-rn-expo-mcode
```
2.**Navigate to the root of the project symbols app mcode**
3.**Install the dependencies**:
```sh
bun i
```
4.**Run the application**:
```sh
bun android
```
or
```sh
bun ios
```