Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/odelola/bicycleapp_uidemo
A Bicycle App UI made with React Native
https://github.com/odelola/bicycleapp_uidemo
expo figma nativewind react-native
Last synced: 23 days ago
JSON representation
A Bicycle App UI made with React Native
- Host: GitHub
- URL: https://github.com/odelola/bicycleapp_uidemo
- Owner: Odelola
- Created: 2024-09-20T02:44:06.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-21T23:41:00.000Z (5 months ago)
- Last Synced: 2025-01-22T03:46:19.443Z (23 days ago)
- Topics: expo, figma, nativewind, react-native
- Language: JavaScript
- Homepage: https://drive.google.com/file/d/1ZI5iIDgY6gQ4Dety7HKdp0fkJCNRrIJY/view?usp=drive_link
- Size: 6.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# REACT NATIVE BICYCLE APP (UI DEMO) - React Native Bicycle App based on a Behance Inspiration using Nativewind (Tailwind) for styling
Built from Figma inspiration from Behance (Probably by a guy named Joe) {Hard to tell `:)`}
A star for the repo would be appreciated
#### Repository
[Project's Repository](https://github.com/Odelola/bicycleApp_uidemo)
### Technologies
- React Native (EXPO SDK 46)
- Nativewind (Tailwind for React Native)
### Screenshots
## HOW TO RUN
This app was made using the Expo SDK 46 which at the time of writing and even at the time of you reading this now it is no longer supported.
This means to that to run the app you can either install the exact versions of dependecies used that was used to build it or upgrade every packages which might cause packages to break as they get updated and even syntaxes change.
## First Method (Run the exact way)
### Install the node_modules (exact version used) by running
```
yarn -E
```
### or
```
npm i --save-exact
```
### and then run it using
```
npx expo start
```
### or
```
yarn start
```
### or
```
npm start
```
### The next method is to download and install the exact version of Expo Go that supports version 46 as newer versions would not run it. When this is done, use the link given or scan the QR Code given by the terminal when you start the project using the previous commands.
[Expo App Download](https://mega.nz/folder/J0M2DYAT#HKMqwgbYkt8l4iDo5ln8gw)
## Second Method (Just using normal install)
### Install the node_modules by running
```
yarn
```
### or
```
npm i
```
### and then run it using
```
npx expo start
```
### or
```
yarn start
```
### or
```
npm start
```
### Run using the Expo Go App on the play store, the project would most likely be the same version and run well. These are reasons to check whether it might not work.
> [!NOTE]
> The packages that were used might have broken due to upgrade and might have little syntax changes or not even comaptible with the project
## Authors:
- [github@Odelola](https://github.com/odelola)
## Inspiration:
- Figma Design