BudApp

Sobre o projeto 📘

O BudApp é um sistema de orçamento online desenvolvido para ajudar empresas e empreendedores a gerenciar suas finanças de maneira mais eficiente. Nós criamos o sistema com o objetivo de oferecer uma solução prática e fácil de usar para quem busca mais praticidade e agilidade no gerenciamento de seus orçamentos. Com o BudApp, é possível inserir, editar e excluir orçamentos de forma simples e rápida, tudo em um só lugar. A interface do BudApp foi projetada com base na usabilidade e simplicidade, para que qualquer pessoa possa usá-lo sem dificuldades. Além disso, o sistema é acessível de qualquer dispositivo com conexão à internet, permitindo que o usuário possa gerenciar suas finanças de qualquer lugar, a qualquer hora. Acreditamos que o BudApp é uma solução completa e eficiente para quem busca mais controle e praticidade na gestão financeira de seu negócio. Esperamos que possa experimentá-lo em breve e ver como ele pode ser útil para você e sua empresa.

Tela do sistema 🖥

Tecnologias 👨‍💻

Indentidade visual 🎨

Passo a passo de como testar o projeto na sua maquina 📜

Primeira etapa

Baixar o Xamp

Basta seguir o passo a passo da instalação no seu desktop

Link de download

Segunda etapa:

Baixar o repositório

É muito simples. Clique no botão Code e depois escolha Dowload ZIP. É a opção mais simples e rápida.

Obs: Para abrir esse arquivo zip você tem que ter algum programa que faça isso. Minha sugestão Winrar deixarei link abaixo. E outro lembrete também se caso você não tiver o Node JS instalado o react não vai funcionar deixarei o link dele também.

Link para baixar o Winrar
Link para baixar Node JS

Terceira etapa:

Agora que você ja baixo os arquivos extraia em uma pasta nova no seu computador, de preferência aonde você não se perca. Depois abra ela. Você tera que fazer uns ajustes vamos la!. Primeiro crie uma pasta com um nome que fique facil de você indentificar dentro dela vai ficar todo o front-end. Após criar selecione todos esses arquivos como na imagem abaixo. Agora como na imagem 2 selecione essas três pastas com exceção da pasta assets, e mova elas para pasta htdocs que está dentro da pasta XAMP no disco aonde você baixo o programa.

Quarta etapa:

Agora vamos importa o arquivo sql no banco. Abra seu Xamp de preferência como administrador para evitar bugs, agora de start no apache para rodar o php, e no mySQL para rodar o banco de dados.

Após isso clique em Admin para abrir PHPadmin no seu navegador. Agora seguindo as imagens abaixo crie um novo banco com o mesmo nome da pasta budapp. Se o banco não tiver o mesmo nome o sistema não ira fucionar. Proximo passo é ir na opção importa com o banco selecionado e abrir a pasta banco_de_dadosBudapp e escolher o arquivo budapp.sql não precisa mecher em nada so clicar em importa depois de importado seu banco ta pronto.

Ultima etapa:

Falta pouco!. agora abra seu Vs code, abra a pasta que ta o front-end somente essa pasta!. abra o terminal como nas imagens abaixo primeiro execute o codigo
npm istall nome da sua pasta
npm start

GuiDEV1/budapp