Giter Site home page Giter Site logo

clube-do-livro-back-end's Introduction

Professora: Simara Conceição

Thumbnails-Cursos-BE1

Servidor feito com node.js.

O desafio foi:


Um sistema para gerenciar os livros que temos em casa, onde a pessoa poderá cadastrar os livros, editar os livros, excluir os livros e listar todos os livros cadastrados.  
Mas também qualquer outra ideia que achar mais legal e viável para você adicionar ao seu portfólio.  

📌O model de um livro pode ser:  
id: gerado automático pelo mongo
nome: string
autora: string
categoria: string  

O principal é que esse projeto precisa estar integrado com o MongoDB,  
ter a versão no Github e estar deployado no Render.  

Ou seja, dentro do MongoDb, dentro da organização,  
crie uma nova database e siga o tutorial da aula de integração com o MongoDB usando o mongoose.  

Quando você finalizar o projeto e tiver a URL de produção,  
os testes do CRUD pelo insomnia devem estar funcionando corretamente.  

Tudo isso usando a linguagem JavaScript, junto de ferramentas como VS Code, Node.JS, Insomnia, Render, MongoDB, Mongoose e o Git.

Segue o desafio realizado com extras:

Link de Produção do Back no Render

Repositório do Back no GitHub

Imagens do Projeto Back:

Render:

projeto no render

MongoDB:

projeto no MongoDB

Quis ir além e fazer o front em React, para conectar o BackEnd, então resolvi fazer um curso na Alura, Curso de React: desenvolvendo com JavaScript, com Paulo Silveira e o instrutor Vinicios Neves, o projeto da Alura se tratava de um site chamado 'Organo' que listava os colaboradores da organização, então alterei o projeto para listar os livros do Clube do livro da Gabriela Prioli e Leandro Karnal, na qual já tem 4 edições até esse ano (2023).

Ao terminar o curso fiquei frustrada por não conseguir integrar meu BackEnd com o Front construido no curso da Alura, porque os sites tem estruturas totalmente diferentes entre si e como não entendo muito de React, resolvi cadastrar os livros no próprio código e fazer outras melhorias.

  • Para ver o deploy do clube do livro, acesse esse link.

No site coloquei alguns efeitos no CSS para os livros, fiz o site responsivo para mobile, alterei o cabeçalho e rodapé e outros detalhes, particularmente gostei bastante do resultado, mas não contente rs... percebi que o site ficou um pouco pesado (13,5 MB e leva 2,8 segundos para carregar, no site do vercel), pois contém muitas imagens (dos livros), então fiz outro curso da Alura:

Curso de Performance Web I: otimizando o front-end, com Sérgio Lopes.

Fiz o curso rapidamente (porque estou fazendo outros cursos em paralelo) e achei o curso maravilhoso, tem umas dicas muito boas e pretendo futuramente refazer para praticar melhor, mas para o momento usei algumas dicas do curso para melhoria do meu site, como: diminuir as imagens sem perda de qualidade, tirando metadados das imagens, tem várias outras dicas como tirar comentários e linhas desnecessárias no código e outras que será difícil explicar aqui sem deixar o texto muito longo, o curso vale a pena e recomendo.

Agora com poucas melhorias que fiz, o site ficou com [ MB ] e leva [ ] segundos para carregar.

Para quem quiser ver o código do site do clube do livro:
Clube do Livro com Gabriela Prioli e Leandro Karnal

Imagem do Projeto no Front:

clube-do-livro-back-end's People

Contributors

patyfil avatar

Watchers

 avatar

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.