/ada-bootcamp-front-end-vem-ser-tech-2023-projeto-controle-de-gastos

Projeto final de módulo Lógica de Programação I (JS/TS)

Primary LanguageJavaScript

Projeto final #1133

Para finalizar o modulo Lógica de Programação I vamos desenvolver um programa que faça o controle de uma lista.

Este projeto visa criar uma aplicação para controle de gastos pessoais.

Link de acesso ao projeto do grupo 2

https://rodrigoconstantin0.github.io/Controle-de-Gastos-equipe-2/

Equipe 2 - Membros

Funcionalidades

  • Criar lista de gastos ✅
  • Criar função que armazena itens na lista ✅
  • Criar função de deletar gasto ✅
  • Criar função de editar gasto ✅
  • Criar função que retorna total gasto por mês ✅
  • Criar função que retorna total gasto no ano ✅
  • Adicionar orçamento total de cada mês ✅
  • Criar função que retorna o total gasto em cada mês e informar se ficou dentro do orçamento ✅
  • Criar prompts de entrada ✅
  • Criar front-end em HTML (se tivermos tempo) ✅
    • Cabeçalho ✅
    • Rodapé ✅
    • Corpo ✅
  • Criar estilo para formulário (Se tivermos tempo) ✅

Como Contribuir

  1. Faça um fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/nova-feature)
  3. Faça commit das suas mudanças (git commit -m 'Adiciona nova feature')
  4. Faça push para a branch (git push origin feature/nova-feature)
  5. Abra um Pull Request

Projeto descrição

Teremos algumas opções de listas que podem ser escolhidas para o desenvolvimento desse projeto:

Lista de tarefas

Lista de contatos

Lista de supermercado

Lista de gastos mensais

Cada grupo deve escolher apenas um dos temas acima para o desenvolvimento do projeto final.

Lista de gastos mensais

Desenvolver, utilizando os conceitos abordados ao longo do módulo, uma aplicação de lista de gastos mensais

Requisitos

Temos uma lista inicial que representa um ano inteiro e cada item da lista indica um mês.

let gastos = [
	{ mes: 'Janeiro'},
	{ mes: 'Fevereiro'},
	{ mes: 'Março '},
	{ mes: 'Abril'},
	{ mes: 'Maio'},
	{ mes: 'Junho'},
	{ mes: 'Julho'},
	{ mes: 'Agosto'},
	{ mes: 'Setembro'},
	{ mes: 'Outubro'},
	{ mes: 'Novembro'},
	{ mes: 'Dezembro'},
]

Dentro de cada mes, podemos ter os seguintes gastos:

  • Energia
  • Água
  • Aluguel
  • Escola
  • Supermercado

Dentre as funcionalidades, espera-se que seja possível:

  • Adicionar um gasto mensal em um mês específico

    • Exemplo: Adicionar valor gasto de Energia no mes de Janeiro

  • Editar um gasto mensal em um mês específico

    • Exemplo: Editar o valor gasto com Escola no mes de Agosto

  • Remover um gasto mensal em um mês específico

    • Exemplo: Remover o valor gasto com Supermercado no mes de Dezembro

  • Listas os gastos mensais por mês

    • Exemplo: ”No mes de Janeiro foi gasto com energiar R$ 153,67, com agua R$ 29,99, com aluguel R$ 1349,90, com escola R$ 1209,78 e com supermercado R$ 560,98”

  • Listar o total dos gastos mensais por mês

    • Exemplo: ”No mes de Abril foi gasto um total de R$ 17.300,00”

  • Mostrar um objeto que mostra o total gasto no ano por tipo de gasto

    • Exemplo:

      const totaisNoAno = {
	energia: 2190,
	agua: 1235,
	aluguel: 13245,
	escola: 10233,
	supermercado: 589,
}

  • Retornar uma nova lista que mostra o total gasto em casa mês e informar se ficou dentro do orçamento, sendo que o orçamento é de $ 8.500,00.

💡 **Sugestão:** Utilize `prompt` para entrada de dados e `console.log` para saida dos dados. Também será aceito o uso de uma pagina `HTML`, lembrando que não é obrigatório.

Uma dica: Faça o básico funcionar e depois se sobrar tempo pense melhorias.