Skip to content

Simple repository that contains React Native mockups created from Dribbble wireframe inspirations.

Notifications You must be signed in to change notification settings

Korysam15/react-native-wireframe-mocks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

React-Native-UI-Snapshots

This repository utilizes React Native to demonstrate and replocate the different UI/UX possibilities within the mobile industry. All the projects within this repository are based off of and inspired by snapshots submitted to dribbble.

NOTE:

I do not claim or own any rights to the snapshots being used within these projects.

Setup

Go to the following link and click the React Native CLI Quickstart instructions. Once installed you can proceed to the Installation section.

Installation

Terminal

git clone https://github.com/Korysam15/react-native-wireframe-mocks.git

Download

1.) Click on the ellipses in the top right

2.) Click on 'Download repository

Run on Emulator

ios

1.) Install Xcode if not already installed

2.) Open up the projects ios folder

3.) Open up the projects .xcworkspace file

open <PROJECT NAME>.xcworkspace

4.) Select "iPhone 11 Pro Max"

5.) Click "RUN" button to launch and install the application on the emulator

Android

1.) Install Android Studio if not already installed

2.) Launch Android Studio

3.) Click on "Open an existing Android Studio project"

4.) Navigate to projects android folder and click open

5.) Create a new Android Virtaul Device by following the instructions from the following link

6.) Once a Virtual Device has been created click on the green play button and the application should launch

Run on Physical Device

ios

1.) Install Xcode if not already installed

2.) Open up the projects ios folder

3.) Open up the projects .xcworkspace file

4.) Connect physical device to computer

5.) Select physical device name

6.) Click Run

7.) Trust computer by going to phone settings -> general -> Device

Android

1.) Install Android Studio if not already installed

2.) Launch Android Studio

3.) Click on "Open an existing Android Studio project"

4.) Navigate to projects android folder and click open

5.) Connect physical device to computer

6.) Click the green play button

About

Simple repository that contains React Native mockups created from Dribbble wireframe inspirations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published