Skip to content

sthefany0011/FinnApp

Repository files navigation

FinnApp

NPM

Sobre o projeto.

Esse app é uma solução disponível Web, com objetivo de ajudar pessoas a organizar suas vidas financeiras. O aplicativo funciona de uma maneira simples, funcional e intuitiva. Você consegue organizar todos seus ganhos e gastos com apenas em duas opções de entrada ou saída . A partir dessa ação você conseguirá visualizar de maneira simplificada o que está acontecendo com sua carteira financeira e tomar as melhores decisões.

Funcionalidades e vantagens.

Confira agora as vantagens gerais que fazem do app uma das melhores opções disponíveis:

Acesso Simplificado e plataforma intuitiva;

Acessível para Web;

Financeiro com metas;

Layout Web

Login Cadastro Recuperação de senha lancamento view

Escolha do nome.

Logo

Escolhemos um nome que trás sentindo para o seguimento do produto.A ideia era que, o nome fosse smples e trouxesse alguma junção com as palavras gestão financeira e tecnologia. Dessa forma chegamos ao nome FinnApp.

Finanças-> Finn + App(Aplicativo- Referenciando a aplicação web).

Tecnologias utilizadas.

HTML,CSSeJS nodeJS,MySQL

Banco de dados.

Diagrama

tabela 1: user:

user_id: Chave primária para identificar o usuário

nome: Nome completo do usuário

email: email do usuário

senha: senha de acesso do usuário

Tabela 2: lancamentos:

id_lacamentos: Chave primária para identificar o lançamento

valor: Valor do lançamento da operação

data: Data da operação lançada

descricao: Descrição operação lançada

tipo: Operação de entrada ou saída

Backend.

Foi feito com NodeJS junto com dependencias com express express-session e MySQL. Além disso foi feito roteamento das paginas com ejs para assim receber a requisição e enviar o renderização HTML por meio de ejs.

FrontEnd.

Inicializamos o projeto em HTML 5 .Foram criadas as páginas em HTML e CSS e JavaScript:

-Login

-Cadastro

-Meus Lançamentos.

HTML: Configuração de linguagem para PT-br , utilização de elementos básicos,metadados do documento, separação de conteúdo e conteúdo textual.

CSS: Onde podemos colocar formatação css globais e utilizamos class e id para identificar as tags que precisaria ser estilizadas .

JavaScript- realizamos as validações de dados por meio de formulário para as páginas :

-Login

-Cadastro

-Meus Lançamentos.

Crud do Front End.

Para os componentes “user e lancamento” foram usados construídos os CRUD de cada um, com os métodos do protocolo HTTP de post, get , put e delete para serem implementados diretamente no front.

-user (para adicionar novo cliente)

-lancamento (para adicionar, e apagar um lançamento).

Autores:

Mariana Santana da Silva https://www.linkedin.com/in/mariana-santana/

Sthefany Santos da Silva https://www.linkedin.com/in/sthefany-silva-85853057/

ELIECER GAMALIEL FRANCO CORTEZ https://www.linkedin.com/in/eliecer-franco-025766225/

Mariana Betilde Montana Monsalve https://www.linkedin.com/in/mari-montana/

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •