eltonlazzarin/pwa-expo

PWA developed from React Native & Expo Web

PWA developed from React Native & Expo Web

About The Project   |    Technologies   |    Getting Started   |    How To Contribute   |    License

👨🏻‍💻 About the project

PWA - In short, it is a web application with technologies that allows us to have the user experience very close to that offered by mobile apps. For that reason, I found the proposal interesting and in a weekend I decided to learn a little more about this technology and then I decided to develop a small application that lists my GitHub repositories and still access my camera via browser. For the creation of this PWA I used React Native in conjunction with Expo to facilitate creation in the environment and development of the application.

🚀 Technologies

Technologies that I used to develop this frontend app

• NodeJS
• TypeScript
• React Native
• Expo
• Expo-Camera
• Expo-Device
• VS Code with EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/pwa-expo.git

$ cd pwa-expo

Follow the steps below

# Install the dependencies
$ yarn

# Run the web app
$ yarn web

Install the app on a physical phone

1. Go to your app store, look for the app called Expo, and install it on your device.

2. With the app installed, open it and click on Scan QR Code, point the camera phone to the QR code shown on the page that opened after executing the command yarn start and ready, the app will load and be ready for use.

🤔 How to contribute

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/pwa-expo.git

$ cd pwa-expo

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 License

This project is under the MIT license. See the LICENSE for more information.