Skip to content

Projeto final da disciplina de Frameworks Front-End e Conexão com Back-End. (CRUD-BOOK)

Notifications You must be signed in to change notification settings

MTevangelista/books-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Books web

Tabela de Conteúdo

Sobre o Projeto

A proposta do projeto é um CRUD de books. A aplicação possui as seguintes funcionalidades:

  • Validar se já existe um slug cadastrado no banco de dados;
  • Cadastrar livro;
  • Listar livro;
  • Listar livro por slug;
  • Editar livro;
  • Apagar livro;

Feito Com

Abaixo segue o que foi utilizado na criação deste projeto:

  • Visual Studio Code - O Visual Studio Code é um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS. Ele inclui suporte para depuração, controle Git incorporado, realce de sintaxe, complementação inteligente de código, snippets e refatoração de código.

  • Yarn - Yarn é um gerenciador de pacotes que também atua como gerente de projeto. Quer você trabalhe em projetos únicos ou grandes monorepos, como um aquarista ou um usuário corporativo, temos o que você precisa.

  • Javascript - JavaScript é uma linguagem de programação interpretada estruturada, de script em alto nível com tipagem dinâmica fraca e multiparadigma. Juntamente com HTML e CSS, o JavaScript é uma das três principais tecnologias da World Wide Web.

  • Vue.Js - Vue.js é um framework JavaScript de código-aberto, focado no desenvolvimento de interfaces de usuário e aplicativos de página única. Ao contrário de outras estruturas monolíticas, o Vue foi projetado desde o início para ser adotado de forma incremental. A biblioteca central concentra-se apenas na camada de visualização e é fácil de selecionar e integrar com outras bibliotecas ou projetos existentes. Por outro lado, o Vue também é perfeitamente capaz de fornecer aplicativos sofisticados de página única quando usado em combinação com ferramentas modernas e bibliotecas de suporte .

  • Sweetalert2 - Um substituto bonito, responsivo, altamente customizável e acessível (WAI-ARIA) para as caixas pop-up do JavaScript.

Começando

Para conseguir utilizar ou visualizar o projeto, seja através do Visual Studio Code ou outro editor de código, siga os passos abaixo:

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

  • É necessário possuir o Node.js instalado no computador
  • É necessário possuir o Git instalado e configurado no computador
  • É preciso ter um gerenciador de pacotes seja o NPM ou Yarn.

Estrutura de Arquivos

A estrutura de arquivos está da seguinte maneira:

books-web
├── public/
│       └── index.html
├── src/
│    ├── assets/
│    │       └── logo.png
│    │                  
│    ├── components/
│    │           ├── BookCard.vue
│    │           ├── BookDetails.vue
│    │           └── PageHeader.vue
│    ├── pages/
│    │      ├── BookForm.vue
│    │      ├── EditBook.vue
│    │      └── Home.vue
│    ├── store/
│    │      ├── modules/ 
│    │      │         └── books.js
│    │      └── index.js
│    ├── App.vue   
│    ├── main.js
│    └── router.js
├── .gitignore
├── package.json
├── babel.config.js
├── README.md
└── yarn.lock

Instalação

Para instalar esse projeto, o processo é bem simples. Basta utilizar o seguinte comando no terminal:

# Clone este repositório
$ git clone https://github.com/MTevangelista/books-web.git

Frontend

# Instale as depedencias
$ yarn ou npm install

# Rode a aplicação
$ yarn serve ou npm run serve

# O servidor inciará na porta: 8080 - acesse http://localhost:8080 

API

O back-end do projeto foi desenvolvido com: Typescript, Node.Js, Express.


Contribuição

Contribuições são o que fazem a comunidade open source um lugar incrível para aprender, inspirar e criar. Qualquer contribuição que você fizer será muito apreciada.

  1. Faça um Fork do projeto
  2. Crie uma Branch para sua Feature (git checkout -b feature/FeatureIncrivel)
  3. Adicione suas mudanças (git add .)
  4. Comite suas mudanças (git commit -m 'Adicionando uma Feature incrível!)
  5. Faça o Push da Branch (git push origin feature/FeatureIncrivel)
  6. Abra um Pull Request

Contato

👤 Matheus Evangelista

Github Badge Linkedin Badge Gmail Badge Instagram Badge

About

Projeto final da disciplina de Frameworks Front-End e Conexão com Back-End. (CRUD-BOOK)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published