/tindev

Tindev - Finding coding pals on Github (Omnistack 8.0)

Primary LanguageJavaScript

👨🏻‍💻Tindev

This app has basically two pages: login and main. The backend of the app is developed in NodeJS, and the frontend is coded in two versions: one in React for browser client and another in React-Native for mobile-native client. Course produced by @RockeatSeat and teached by @diego3g.

Login

In the login page the user will insert his Github nickname, which will create a new app user by getting his github basic data (Avatar, Bio, Username) using the public API.

Main

In the main page, a list of users already registered is shown along with two buttons: "like" and "dislike". Both buttons turn off users profiles from current user´s view, leaving only users without any interaction. If two user do like one to each other, a match will show in the screen.

Modules

  • Axios - Requesting resources from Github API
  • Socket.io - Real-time WebSocket for "match" screen

Built With

  • MongDB - Database System
  • Express - Routing framework
  • React - Javascript client side
  • React-Native - Native mobile client app
  • NodeJS - The server-side JavaScript runtime environment

How to run

It´s necessary to have installed: Node.js (LTS), NPM or Yarn.

Backend

cd backend npm start

Frontend

cd frontend npm start

Mobile

It´s necessary to install an android emulator, like Genymotion. Run the device emulator and after that run the app. cd mobile npm react-native run-android

Acknowledgments

  • This project is developed as a part of the Omnistack Week 8.0 by Rocketseat

Web Screens

Mobile Screens

Demo