Projeto final do curso de Web Dev FullStack da Resilia Educação no qual tivemos que desenvolver um site em React.js no qual o objetivo é consumir API REST - LIVRARIA OLIMPIA criada no módulo 4 e transformá-la em um site.
O site da Livraria Olímpia foi desenvolvido com muito carinho, pensando principalmente na praticidade e na usabilidade corriqueira do dia a dia. Além de ser um lugar para vender ideias e conhecimento através dos livros em busca do conhecimento, do descobrir e do pensar.
"O livro é uma extensão da memória e da imaginação" Jorge L. BorgesAbaixo encontra-se o exemplo do projeto na versão desktop e mobile.
No terminal de sua escolha, clone o repositório:
git clone https://github.com/Sara-Lirio/Olimpia_App.gitNo terminal vá até o diretório do projeto da:
cd Olimpia_AppInstale as dependências:
npm iInicie o servidor local para rodar o projeto:
npm startDepois de rodar o projeto com o comando acima irá aparecer o endereço local do site como mostra a imagem abaixo, segure a tecla alt ou ctrl e clique em cima do local para abrir o site no servidor de sua preferência:
- Rota
'/'esta é a pagina inicial do site. Nela o funcionário da livraria insere o seu nome de usuário e sua senha (simulação abaixo) para entrar no sistema.
- Rota
'/home'para página Home: Esta é a página com a qual o funcionário se depara após de efetuar o login. Nela temos o menu header, o cadastro de livros e o cadastro de clientes para que o funcionário da livraria possa inserir novos clientes e inserir tambem novos livros no acervo. Nesta mesma página possui uma galeria com fotos dos livros que foram adicionados recentemente na livraria.
- Rota
'/livros'para página de Livros: o funcionário terá disponível o acervo completo do seu estoque, terá opções como editar informações do livro, cadastrar um livro novo e excluir o livro do acervo.
- Rota
'/cadastroLivro'para página de adicionar novos livros da livraria: Nesta página temos um formulário para inserir as informações do livro. O funcionário preenche todas as informações para que o livro seja adicionado.
- Rota
'/atualizaLivro/102'Nesta página temos um mesmo formulário com as informações dos livros adicionados para atualizar.
- Rota
'/clientes'Nesta rota o funcionário se depara com a lista de clientes adicionados, lá ele pode deletar e atualizar os clientes da livraria.
- Rota
'/cadastroCliente'para página de adicionar novos clientes da livraria: Nesta página temos um formulário para inserir as informações básicas do cliente. O funcionário preenche todas as informações para que o cliente seja adicionado.
- Rota
'/atualizaCliente/17'Nesta página temos um mesmo formulário com as informações dos clientes adicionados.
- Rota
'/equipe'para página de Equipes: Na página é possível ver todos os funcionários cadastrados, assim como seus respectivos nomes e funções. Nesta página contém também o nosso time de desenvolvimento assim como seus respectivos nomes e funções, clicando na foto você será redirecionado para seu respectivo perfil do linkedin.
🏞️ Clique no link abaixo e veja o nosso site hospedado no Vercel
 Bárbara Guimarães 
|
 Ester Messias
|
 Liliana Adalgiza
|
 Nathália Uchoa
|
 Sara Lirio
|