Giter VIP home page Giter VIP logo

lucianocoelho-28 / tindev Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 689 KB

O projeto tem como objetivo final criar um clone do Tinder porém com a peculiaridade de ser um Tinder para Desenvolvedores(TindDev), em que o desenvolvedor quando logado utilizará sua conta do github para se conectar com outros desenvolvedores podendo dar Like ou Deslike para se conectar e poderão desenvolver juntos.

License: MIT License

JavaScript 75.29% HTML 3.14% CSS 21.57%
css3 html5 javascript mongodb nodejs npm react rocketseat semana-omnistack yarn

tindev's Introduction

🚀 Semana OmniStack 8.0

GitHub language count Repository size GitHub last commit Repository issues License

Tecnologias   |    Projeto   |    Layout   |    Licença


Pode acessar a pagina por Aqui

Tindev

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • Yarn
  • NPM
  • NodeJS
  • JS Es6+
  • React
  • HTML5
  • CSS3
  • VS Code
  • Mongo DB Atlas
  • Axios

Bibliotecas

Utilitários

💻 Projeto

O projeto tem como objetivo final criar um clone do Tinder porém com a peculiaridade de ser um Tinder para Desenvolvedores(TindDev), em que o desenvolvedor quando logado utilizará sua conta do github para se conectar com outros desenvolvedores podendo dar Like ou Deslike para se conectar e poderão desenvolver juntos.

🔖 Layout

O app consiste em duas telas, a primeira para login e cadastro onde exige que o desenvolvedor entre com seu nome de usuário do GitHub, fazemos uma requisição utilizando a API do mesmo (https://developer.github.com/v3) para buscar os dados públicos do programador em seu perfil (como foto do perfil e bio), armazenamos esses dados em nossa base utilizando o MongoDB.

Uma vez que o usuário insere seu nome ele passa a estar logado, pode ver o perfil de outros desenvolvedores também já cadastrados e escolher dar "like" ou "deslike" se desejar ou não trabalhar com a pessoa daquele perfil. Quando dois desenvolvedores dão "like" nos perfis um do outro uma mensagem de "match" aparece para ambos.

O back-end

Como o próprio nome sugere, vem da ideia daquilo que tem por trás de uma aplicação. Pode ficar meio abstrato num primeiro momento, mas pense que para conseguir usar o Facebook no dia a dia, os dados (as informações) do seu perfil, amigos e publicações precisam estar salvos em algum lugar e serem processados a partir dele, sendo este lugar um banco de dados.

O Back-End trabalha em boa parte dos casos fazendo a ponte entre os dados que vem do navegador rumo ao banco de dados e vice-versa, sempre aplicando as devidas regras de negócio, validações e garantias num ambiente restrito ao usuário final (ou seja, onde ele não consegue acessar ou manipular algo).

O front-end

Podemos classificar como a parte visual de um site, aquilo que conseguimos interagir. Quem trabalha com Front End é responsável por desenvolver por meio do código uma interface gráfica e, normalmente, com as tecnologias base da Web: HTML, CSS e JavaScript.

Algumas pessoas podem confundir um pouco esse trabalho com o que um designer faz, pois no passado existia uma entidade chamada Webmaster que fazia tudo isso e mais um pouco, mas a diferença aqui é que o designer vai utilizar alguma ferramenta visual para desenhar a interface, do Photoshop ao Sketch e, quem faz Front-End, estará mais próxima do código em si, que irá rodar num navegador Web como o Chrome, Firefox ou Safari.

O app Mobilie!

Existe uma discussão que questiona se quem trabalha como Front End também é desenvolvedor Mobile. Na prática não, mas pode ser. Explicando um pouco mais as tecnologias que envolvem os aplicativos mobile, elas são, inicialmente, completamente diferentes das que citamos para a Web:

  • Para android:

    • Java;
    • Kotlin.
  • Para iOS:

    • Swift;
    • Objective C.

Desde o começo dos dispositivos mobile existe alternativas para desenvolvermos, como o Phonegap ou Apache Cordova, que permitem que você crie um site que seja instalável como aplicativo — inclusive hoje temos a proposta das PWAs.

Na prática são mundos diferentes e, o que pode gerar uma intersecção do mundo Front End com o Mobile é o React Native, por utilizar tanto um framework super popular na Web quanto a linguagem JavaScript. E, mesmo com essa familiaridade toda, as diferenças das plataformas ainda sim separam os profissionais que mexem com sites e aplicativos em duas linhas diferentes.

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


tindev's People

Contributors

lucianocoelho-28 avatar

Stargazers

 avatar

Watchers

 avatar

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.