Git Product home page Git Product logo

omnistack-8's Introduction

omni-stack-8 (Tindev)

OmniStack Week (8) by: RocketSeat

Dependencies to run this project:

NodeJs

Ps: You'll need NodeJs to run this project.


First, clone project in your PC:

git clone https://github.com/betodoescher/OmniStack-8.git
cd OmniStack-8

BackEnd (NodeJs)

cd backend
yarn dev

Wait all dependencies install in /node_modules, after finish just run:

yarn start

ToDo list (BackEnd):

  • Fix bug in /devs, if don't have deslikes || likes will crash list

FrontEnd (ReactJs)

Visual:
Demo do Tinder Dev

Start

cd frontend
yarn install

Wait all dependencies install in /node_modules, after finish just

yarn start

Mobile (React-Native)

Android in Windows

Before go ahead with this tutorial, I recomend you download Android Studio, and run a Hello World

Ps: Running on device is easier than emulator ;-)

After run Hello World, you'll need install react-native-cli in global mode:

yarn global react-native-cli

Now install all dependencies install in /node_modules

cd tindev
yarn install

Now just run this command:

react-native run-android

Ps: Make sure you Android is connected to USB with Remote Debugging Android Devices, more info here: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?hl=pt-br

You'll see this screen in Your Android Device if everthings work: Demo do Tinder Dev

Troubleshooting

No connected devices
* What went wrong:
Execution failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: No connected devices!

First check if you device is listed here:

adb devices

Your device should be listed like this:

List of devices attached
0049375864      device

If not, Go in your android, Options > Developer Disable and enable options:
1 - Developer Mode
2- Usb Debugging Android

And try adb list.


'adb' is not recognized as an internal or external command
'adb' is not recognized as an internal or external command,
operable program or batch file.

Confirm if adb exists in folder: C:\Users\Beto\AppData\Local\Android\sdk\platform-tools -> Ps: 'Beto' should change...

Then just add in your PATH env: C:\Users\YOURUSER\AppData\Local\Android\sdk\platform-tools

Installations during the project - all new installations needed to run the command react-native run-android
# app
yarn add react-navigation react-native-gesture-handler react-native-reanimated

yarn add @react-native-community/async-storage

yarn add socket.io-client

# frontend
yarn add socket.io-client

# backend
yarn add socket.io 

Implemented the Match Implemented the Match

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.