Code Monkey home page Code Monkey logo

globalnavtest's Introduction

Global Nav Teste

Esse projeto consiste em testar backend e frontend de uma aplicação que simula o WhatsApp.

Pontos

  • Backend

    • Autenticação
    • Criação de usuário
    • Criação de grupo
    • Criar conversa avulsa (sem grupo)
    • Listar conversas
    • Socket
  • Frontend

    • Login
    • Criação de usuário
    • Listagem de conversas
    • Criar conversa avulsa (sem grupo)
    • Listar conversas
    • Socket

Descrevento o projeto

(1) Aplicação em geral

-Backend

- Construido em NodeJS com Express e MongoDB como banco de dados.
- Autenticação feita com JWT.
- Socket.io para comunicação em tempo real(TENTATIVA).

-Frontend

- Construção utilizanbdo EXPO;
- Native base para estilização
- Axios para chamaadas de API's;
- Socket.io para comunicação em tempo real(TENTATIVA).
- Redux para gerenciamento de estado.
- React Native Navigation para navegação entre telas.
- Criação de telas: Login, Registro, Home;

(2) Tecnologias utilizadas

-Backend

- NodeJS
- Express
- MongoDB
- JWT
- Socket.io
- Mongoose

-Frontend

- React Native
- Expo
- Native Base
- Axios
- Socket.io
- Redux
- React Native Navigation
- React Hook Form

Antes de rodar o projeto

  • É necessário ter o Node instalado na máquina;
  • É necessário ter o Yarn instalado na máquina;
  • É necessário ter o Expo instalado na máquina;
  • Ter um emulador ou um dispositivo físico para rodar o projeto;

Como rodar o projeto

-Backend

- Clone o projeto
- Entre na pasta backend
yarn install
  • Rode o servidor com o comando:
 yarn start

-Frontend

- Clone o projeto
- Entre na pasta frontend
 yarn install
  • Rode o projeto com o comando:
 yarn start
- Baixe o aplicativo do expo no seu celular ou rode no emulador
- Leia o QR Code gerado pelo expo

globalnavtest's People

Contributors

nicolashubner 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.