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;
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.
Para conseguir utilizar ou visualizar o projeto, seja através do Visual Studio Code ou outro editor de código, siga os passos abaixo:
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.
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
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
# 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
- Link do deploy do frontend: https://books-web.vercel.app/
O back-end do projeto foi desenvolvido com: Typescript, Node.Js, Express.
-
Link do deploy do back-end: https://books-backend-api.herokuapp.com/
-
Repositório do projeto: https://github.com/MTevangelista/books-api
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.
- Faça um Fork do projeto
- Crie uma Branch para sua Feature (
git checkout -b feature/FeatureIncrivel
) - Adicione suas mudanças (
git add .
) - Comite suas mudanças (
git commit -m 'Adicionando uma Feature incrível!
) - Faça o Push da Branch (
git push origin feature/FeatureIncrivel
) - Abra um Pull Request
👤 Matheus Evangelista