Code Monkey home page Code Monkey logo

zdzcode's Introduction

ZDZCode

Um projeto para controle de Agendamento de Hotéis

Índice

Descrição

Este projeto surge como um exercício de resolução de problemas utilizando um conjunto específico de tecnologias, detalhadas na seção de tecnologias utilizadas. A proposta central foi a criação de um sistema de controle de reservas de hotéis, oferecendo uma experiência intuitiva e eficiente para os usuários.

O sistema permite que os usuários escolham uma data disponível no calendário e selecionem um hotel dentre as opções disponíveis. Em seguida, é necessário preencher os dados pessoais, incluindo a data de check-out. Além disso, o sistema oferece uma funcionalidade para visualizar um registro detalhado de todas as reservas anteriores, fornecendo informações sobre os hóspedes e as datas de estadia nos hotéis, bem como você poder editar as informações da data de saída e dados do usuário, além de poder excluir essa reserva.

Diagrama de Classe: alt text

Tecnologias Utilizadas

  • Frontend:
    • VueJs
    • NuxtJs
    • Axios
    • VuetifyJs
  • Backend:
    • ASP.NET
    • SQLServer
    • EntityFrameWork
    • Docker

Instalação

Instruções para configurar o ambiente de desenvolvimento local.

Pré-requisitos

  • Node.js
  • VueJS
  • SQLServer
  • VisualStudio 2022
  • VisualStudio Code
  • Docker

Clonagem do Repositório

git clone https://github.com/joaoadsistemas/ZDZCode.git
cd ZDZCode

Instalação do Backend

COM DOCKER

  1. Abra o docker em sua máquina
  2. Vá até a pasta ZDZCode.API (onde está localizado o arquivo docker-compose.yml)
  3. Abra o terminal e digite o seguinte comando: docker compose up -d image
  4. Pronto, agora só ver as etapas do Front-end
  5. A porta acessível e a do DOCKER é a http://localhost:8002/swagger/index.html (http, e não https)

SEM DOCKER

  1. Na pasta ZDZCode.API vá até appsettings.json e coloque o seu banco de dados em DefaultConnection: alt text
  2. Vá ate program.cs e apague o connectionString de dentro do opt.UseSQLServer image
  3. Após isso cole toda a linha quen está comentada em baixo (que pega a sua string de conexão local) image
  4. Execute o seguinte comando no gerenciador de pacotes do Nuget para subir as Migrations em seu banco de dados:
    update-database
    
  5. Inicie o servidor em formato HTTPS (porta 7200)

Instalação do Frontend

SEM DOCKER

  1. Vá até o diretório ZDZCode.Front e abra o arquivo urls.js
  2. Basta colar na apiUrl`` o valor que está comentado no Local image
  3. Após isso basta seguir os passos que estão descritos abaixo na sessão COM DOCKER

COM DOCKER

  1. Navegue até o diretório do ZDZCode.Front:
    cd ZDZCode.Front
    
  2. Instale as dependências:
    npm install
    
  3. Inicie o aplicativo Nuxt:
    npm run dev
    

Uso

1 - Entre Hoteis na aba de menu á esquerda hotéis

2 - Selecione algum dia no caléndario, algum hotel e então clique em agendar alt text

3 - Preencha todos os dados, preencha a data de saída e clique em agendar alt text alt text

4 - Após isso clicando em ver todos os agendamentos poderá ver a pessoa cadastrada alt text image

5 - Ao clicar no ícone do lápis é possível alterar os dados do usuário image

6 - Neste exemplo alteramos o email e sua data de saída e clicamos em atualizar image

7 - Podemos também clicar na lixeira para apagar a reserva deste usuário image image

Estrutura do Projeto

ZDZCode/
├── ZDZCode.API/
|   ├── ZDZCode.API/
|   |    ├── Context/
|   |    ├── Controllers/
|   |    ├── DTOs/
|   |    ├── Entities/
|   |    ├── Migrations/
|   |    ├── Properties/
|   |    ├── Repositories/
|   |    ├── Services/
|   |    ├── appsettings.Development.json
|   |    ├── appsettings.json
|   |    ├── Program.cs
│   └── ZDZCode.API.sln
├── ZDZCode.Front/
│   ├── assets/
│   ├── components/
│   ├── layouts/
│   ├── pages/
│   ├── static/
│   ├── store/
│   ├── package.json
│   ├── package-lock.json
│   ├── nuxt.config.json
│   └── tsconfig.json
└─ README.md

Contato

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.