https://github.com/guilleangulo/tindev

Tindev - Finding coding pals on Github (Omnistack 8.0)
https://github.com/guilleangulo/tindev

Last synced: 17 days ago
JSON representation

Tindev - Finding coding pals on Github (Omnistack 8.0)

• Host: GitHub
• URL: https://github.com/guilleangulo/tindev
• Owner: GuilleAngulo
• Created: 2019-08-12T21:10:41.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T07:00:21.000Z (about 2 years ago)
• Last Synced: 2024-10-19T13:21:39.540Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 19.3 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 35
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 👨🏻‍💻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](https://github.com/Rocketseat) and teached by [@diego3g](https://github.com/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](https://www.mongodb.com/) - Database System

* [Express](https://expressjs.com/en/guide/routing.html) - Routing framework

* [React](https://reactjs.org/) - Javascript client side

* [React-Native](http://www.reactnative.com/) - Native mobile client app

* [NodeJS](https://nodejs.org/en/) -  The server-side JavaScript runtime environment

## How to run

It´s necessary to have installed: [Node.js (LTS)](https://nodejs.org/en/), [NPM](https://www.npmjs.com/get-npm) or [Yarn](https://yarnpkg.com/lang/en/).

### Backend

``

cd backend

npm start

``

### Frontend

``

cd frontend

npm start

``

### Mobile

It´s necessary to install an android emulator, like [Genymotion](https://www.genymotion.com/). 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](https://github.com/Rocketseat) 

## Web Screens

 

## Mobile Screens

 

## Demo