/Projeto_14_myWallet_backend

Primary LanguageJavaScript

💸 myWallet

🤑 Seu app preferido de controle das suas finanças!

🚧 Concluído 🚀 🚧



Tabela de conteúdos

💻 Sobre o projeto


💸 myWallet - é um web app de controle financeiro pessoal, nele o usuário pode controlar todas as receitas e despesas do mês.

Projeto desenvolvido durante a Formação Driven oferecida pela Driven Education. Durante as semanas de projeto na formação Driven, os instrutores passam os requisitos que o projeto deve atingir, porém todo o código da aplicação é desenvolvido pelo autor Paulo Piotto

⚙️ Funcionalidades

  • Ná página inicial o usuário pode fazer login na sua conta ou optar por criar uma conta com:
    • Nome
    • Email
    • Senha
  • Uma vez logado o usuário pode verificar suas últimas movimentações financeiras ordenadas por data
  • Clicando em nova entrada, o usuário pode inserir uma nova quantia nas suas transações e uma descrição
  • Clicando em nova saída, o usuário pode remover uma nova quantia nas suas transações e inserir uma descrição
  • O usuário também pode fazer logout a qualquer momento clicando no ícone no canto superior direito

🎨 Layout

O layout da aplicação está disponível no Figma:

Made by Driven

🚀 Como executar o projeto

Este projeto consiste em duas partes:

  • Frontend(Website)
  • Backend(Servidor)

💡O Frontend precisa que o Backend esteja sendo executado para funcionar.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git. Um banco de dados PostgreSQL. O [Node.js] instalado no seu computador. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Backend (servidor)

#acesse o usuario postgres
$ sudo su postgres
# entre no terminal postgres
$ psql
#Crie um banco de dados postgres
$ CREATE DATABASE mywallet
#Conecte no banco
$ \c mywallet
#Conectado ao banco execute todos os comandos do arquivo dump.sql
#Saia do terminal postgres
$ ctrl + d
#Saia do usuário postgres
$ ctrl + d
# Clone este repositório
$ git clone https://github.com/Paulo-Piotto/Projeto_14_myWallet_backend
# Acesse a pasta do projeto no terminal/cmd
$ cd Projeto_14_myWallet_backend
# Vá para a pasta server
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# O servidor inciará na porta:4000

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone https://github.com/Paulo-Piotto/Projeto_14_myWallet_front.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd projeto_14_myWallet_front
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (React)

Veja o arquivo package.json

Server (Node)

Veja o arquivo package.json

🦸 Autor


Paulo Piotto 🚀

Feito com ❤️ por Paulo Piotto 👋🏽 Entre em contato!