👉 Sobre
👉 Funcionalidades
👉 Layout
👉 Como executar
👉 Tecnologias
👉 Contribuidores
👉 Autor
👉 Licença
Esse aplicativo foi desenvolvido com o intuito de criar um app para o gerenciamento de cadastro de associados que frequentam um clube recreativo. Para o desenvolvimento desta aplicação, foi utilizada a linguagem Javascript em conjunto com o framework React Native para desenvolvimento mobile, e para guardar os dados do banco, foi utilizado a biblioteca RealmDB que utiliza o próprio armazenamento do celular.
-
É possível um funcionário se cadastrar no sistema inserindo:
- Dados pessoais, como nome, email, telefone...;
- Senha para logar no sistema após o cadastro;
- Chave de acesso (que foi definida como "projetomobile").
-
Um funcionário pode recuperar sua senha inserindo:
- Seu email;
- Seu nome de usuário;
- Chave de cadastro do sistema.
-
Um funcionário pode logar no sistema inserindo:
- Seu usuário;
- Sua senha.
-
Ao acessar o sistema, o usuário podera navegar nas telas:
- De Cadastrar associado;
- De Listar associados;
- De Atualizar associados;
- De Remover associados;
- Sobre
-
É possível cadastrar um novo associado inserindo:
- Seus dados pessoais;
- Sua data de nascimento (por meio da escolha de data nativa do sistema);
- Seu sexo (através de checkboxes).
-
É possível pesquisar por associados:
- Pelo seu nome;
- Listando todos.
-
É possível atualizar os dados de um associado:
- Ao pesquisar por um associado existente;
- Ao alterar seus dados na tela de atualização.
-
É possível remover um associado:
- Ao pesquisar por um associado existente;
- Ao confirmar sua exclusão.
-
Tela apresenta informações sobre a versão do sistema.
A tela de login é onde fica a validação de usuário e senha do funcionário, caso ele não tenha esses dados, ele pode clicar no botão "SEM CADASTRO?" para criar um novo cadastro, e caso tenha esquecido a sua senha, ele pode clicar em "ESQUECEU A SENHA?" para recuperar a mesma.
Além disso ao tentar entrar, ele verifica se o usuário existe, caso não exista, ele exibe uma mensagem de erro.
E se o usuário existe, ele verifica se a senha está correta e vai para a tela principal, caso contrário ele exibe uma mensagem de erro.
Essa tela é utilizada para cadastrar novos funcionários, caso eles não tenham seu registro no banco ainda.
Ela também verifica erros de input do usuário antes de cadastrá-lo.
Essa tela é utilizada para recuperar a senha do funcionário através do seu email, usuário e chave de cadastro.
Se os dados digitados estiverem corretos, ele exibe uma mensagem com a senha do usuário.
Caso contrário, ela exibe os erros de input.
Na tela principal é onde o usuário poderá cadastrar, listar, atualizar e remover os associados que frequentam o clube, além da tela sobre com informações minímas da aplicação.
Aqui é onde os associados são cadastrados, com campos para inserir nome, email, telefone, número de dependentes (parentes), data de nascimento e sexo.
Ele também faz a verificação de dados antes de realizar o cadastro do associado.
Essa tela faz a listagem dos associados cadastrados no clube.
Também é possível pesquisar pelo nome dos associados existentes para mostrar na listagem, além de listar todos que já existem clicando no botão "LISTAR TODOS OS ASSOCIADOS".
Essa tela é utilizada para atualizar o cadastro dos associados, além de ser capaz de pesquisar e listar os associados, assim como na tela de listar associados, e para atualizar os dados, basta clicar no botão "ATUALIZAR" do cadastro desejado, mandando esses dados para serem editados na tela de editar associados.
Essa tela atualiza os dados que foram mandados da tela de atualizar associados, além de poder atualizar o número de visitas do associado.
E ao atualizar ele volta para a tela de atualizar e lista novamente todos os cadastros.
Essa tela remove os dados dos associados que foram cadastrados, além de pesquisar e listar os cadastros existentes, assim como a tela de listar e atualizar.
Ao clicar no botão "REMOVER", ela mostra uma mensagem de confirmação para deletar o cadastro. Clicando em SIM, ele deleta o cadastro, e em NÃO ele cancela a exclusão.
Assim o cadastro é excluido.
Essa tela contém a informação sobre a versão do projeto.
Este projeto contém apenas uma parte:
- Frontend (pasta mobile)
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e Yarn. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone https://github.com/grochavieira/recreational-club.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd recreational-club
# Vá para a pasta da aplicação mobile
$ cd mobile
# Instale as dependências
$ yarn install
# Execute a aplicação em modo de desenvolvimento
$ react-native run-android
# Lembre-se de conectar o celular, ou inicializar a simulação, no computador
# antes de executar o comando acima!!!
As seguintes ferramentas foram usadas na construção do projeto:
Mobile (React Native)
Veja o arquivo package.json
- Editor: Visual Studio Code → Extensions: SQLite
- Ícones: Font Awesome 5, Ionicons, Ant Design, Material Icons, Material Community Icons
Thomas Anderson 🦸♂️ |
Victor Masumoto 🦸♂️ |
Este projeto esta sobe a licença MIT.
Feito com 😆 por Guilherme Rocha Vieira 👋🏽 Entre em contato!