Skip to content

danilo-aalmeida/tindev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TinDev 🔥


NodeJs

React

React Native

Status do Projeto: Concluído ✔️

Tópicos

Descrição do Projeto

Projeto desenvolvido a partir do curso OmniStack 8 da Rocketseat 🚀 utilizando a stack Node.Js, React e React Native

A idéia é reproduzir um "Tinder" para desenvolvedores, onde o usuário informa o seu usuário do GitHub e para ele é apresentado uma lista já cadastrada de outros desenvolvedores nos quais podem ser atribuidos Likes ❤️ ou Dislikes ❌. Quando houver uma combinação a aplicação informa aos usuários em tempo real sobre o "Match".

Funcionalidades

  • ✔️ Cadastrar usuário do GitHub (Ao logar-se na aplicação).
  • ✔️ Listar usuários cadastrados.
  • ✔️ Dar like ou dislike nos usuários.
  • ✔️ Informar Match aos usuários em caso de combinação.

Layout da Aplicação

Aplicação Web

Tela Login

Tela Principal

Match

Aplicação Mobile

Tela Login Tela Principal Match

Como Rodar a Aplicação

No terminal, clone o projeto:

git clone git@github.com:danilo-aalmeida/tindev.git

ou

git clone https://github.com/danilo-aalmeida/tindev.git

Backend:

Após ter feito o clone do projeto, navegue até o diretório do backend:

cd caminho/tindev/backend

Instale as dependências:

yarn install

ou

npm install

Inicie o backend através do comando:

yarn dev

ou

npm dev

Frontend

Após ter feito o clone do projeto, navegue até o diretório do frontend:

cd caminho/tindev/frontend

Instale as dependências:

yarn install

ou

npm install

Inicie o frontend através do comando:

yarn start

ou

npm start

Mobile

Após ter feito o clone do projeto, navegue até o diretório do mobile:

cd caminho/tindev/mobile

Instale as dependências:

yarn install

ou

npm install

Certifique-se que esteja com o emulador rodando no exemplo abaixo foi utilizado um emulador de android.

Com o emulador ligado, siga os passos abaixo Inicie o mobile através do comando:

yarn start

ou

npm start

No terminal do editor ou no do próprio sistema operacional execute o comando abaixo para configurar o emulador para que ele consiga acessar o localhost das rotas utilizadas no desenvolvimento.

adb reverse tcp:3333 tcp:3333

Instale o aplicativo no emulador através dos comandos abaixo de acordo com o sistema mobile:

yarn android

ou

npm android

Linguagens, Dependências e Libs Utilizadas

Badge

  • Dependências:
    • Axios
    • Cors
    • Express
    • Mongoose
    • socket. io

Badge

  • Dependências:
    • Axios
    • React
    • React-Dom
    • React-Router-Dom
    • socket.io-client

Badge

  • Dependências:
    • @react-native-community/async-storage
    • Axios
    • React
    • React Native
    • React-Native-Gesture-Handler
    • React-Native-Reanimated
    • React Navigation
    • socket.io-client

Licença

The MIT License (MIT)

Copyright ©️ 2020 - TinDev