Olá! Bem vindo ao meu GitHub, jovem dev! Esse projeto foi um teste da empresa Vizpert, o intuito principal era replicar o layout proposto com ReactJS. Qualquer dúvida só chamar no meu LinkedIn (o link está no final da página) e farei o possível para ajudar:smile:
📚 Uma estante de livros onde o usuário poderá organizar livros e ordená-los por tamanho, cor ou nome. O projeto é responsivo e foi construído com React, ContextAPI, Styled-components e React-dnd/react-dnd-multi-backend.
O usuário pode:
- Alterar a posição dos livros nas prateleiras
- Ordenar os livros por nome, cor ou tamanho (em cada prateleira)
Ao clicar no livro, o usuário pode:
- Criar um novo livro
- Editar o livro
- Deletar o livro
Com o projeto, coloquei em prática meus conhecimentos de Styled-components, ContextAPI e aprendi a utilizar o react-dnd. Além disso, treinei os conceitos de drag n' drop, código limpo, responsividade, organização de componentes e markdown (neste READ.ME aqui 😅)
-
Styled-components:
-Uma biblioteca para React e ReactNative que permite cirar um estilo (css) como componente. Ele permite a mistura de Javascript e CSS.
-
ContextAPI:
-É uma biblioteca utilizada para gerenciar estados globais.
-
Drag n' drop:
-É o termo utilizado quando uma aplicação contém um sistema de arrastar e soltar (nesse caso, os livros). Para conseguir alcançar esse resultado, utilizei a biblioteca react-dnd.
Requer Node.js v4+ e yarn para rodar. Abra seu terminal favorito e rode estes comandos.
$ yarn
$ yarn startAs imagens e layout são de autoria da empresa Vizpert
Me siga no linked-in 😄 Camille