https://github.com/rodrigosadev/buscante

Projeto para buscar livros na API do Google Books desenvolvido em Angular.
https://github.com/rodrigosadev/buscante

angular api-google-books bootstrap infinite-scroll jasmine karma rxjs typescript

Last synced: 5 days ago
JSON representation

Projeto para buscar livros na API do Google Books desenvolvido em Angular.

• Host: GitHub
• URL: https://github.com/rodrigosadev/buscante
• Owner: RodrigoSADev
• Created: 2023-07-10T21:32:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-11T02:30:43.000Z (over 1 year ago)
• Last Synced: 2024-10-16T13:07:06.404Z (20 days ago)
• Topics: angular, api-google-books, bootstrap, infinite-scroll, jasmine, karma, rxjs, typescript
• Language: TypeScript
• Homepage: https://buscante-rs.netlify.app
• Size: 167 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Buscante

Buscante é uma aplicação web inovadora que permite aos usuários descobrir e explorar uma ampla variedade de livros com facilidade. Com a integração da poderosa Google Books API, o Buscante oferece uma experiência intuitiva e envolvente para os amantes da leitura que desejam ampliar seus horizontes literários.

## Recursos Principais

- Input para pesquisa de livros

- Input com validação

- Cards com uma breve descrição dos Livros

- Modal com detalhes do livro

- Scroll Infinito para carregamento de nos livros

- Ilustrações da [UnDraw](https://undraw.co/illustrations)

## Tecnologias

- Angular

- TypeScript

- Bootstrap

- RxJS

- Karma

- Jasmine

- Infinite Scroll

## Imagens do Projeto

![image](https://github.com/RodrigoS2050/Buscante/assets/97991094/d00c2700-edf2-4d82-bf42-534c874a67aa)

![image](https://github.com/RodrigoS2050/Buscante/assets/97991094/6d4bb873-94c9-4b9e-bd1d-5977225d415b)

## Projeto Completo (Web)

![Buscante Web 1](https://github.com/RodrigoS2050/Buscante/assets/97991094/01a15275-15a3-4fd5-ad41-49142a20667e)

![Buscante Web 2](https://github.com/RodrigoS2050/Buscante/assets/97991094/cf3ff8be-89cf-401d-8929-a3268493abd0)

![Buscante Web 3](https://github.com/RodrigoS2050/Buscante/assets/97991094/a4c5d7ed-e457-4d4f-a780-1ed3418b86c5)

## Projeto Completo (Mobile)

Este é um projeto totalmente responsivo utilizando o Bootstrap

![Buscante Mobile 1](https://github.com/RodrigoS2050/Buscante/assets/97991094/f05c0ea4-8efd-4d45-8a95-2094f6858cf7)

![Buscante Mobile 2](https://github.com/RodrigoS2050/Buscante/assets/97991094/d2abee7c-cb34-4a1c-8014-089b7a10b835)

## Testes Unitários

Este projeto utiliza o Karma e o Jasmine para criação de testes unitários.

![image](https://github.com/RodrigoS2050/Buscante/assets/97991094/b4bc2e3e-e339-4d00-af49-8416421bcbb9)

# Como rodar o projeto na sua máquina

## Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

- Node.js (versão 12 ou superior)

- Angular CLI (versão 12 ou superior)

## Configuração do projeto

Siga os passos abaixo para configurar o projeto em sua máquina:

Clone o repositório para o seu ambiente local:

`git clone https://github.com/RodrigoS2050/Buscante.git`

Navegue até o diretório do projeto:

`cd nome-do-repositorio`

Instale as dependências do projeto:

`npm install`

## Executando o projeto

Após a configuração, você pode executar o projeto localmente. Utilize o seguinte comando:

`ng serve`

A aplicação estará disponível em http://localhost:4200/. A página será recarregada automaticamente sempre que houver alterações no código.

## Executando testes

Este projeto utiliza o Karma e o Jasmine para execução de testes. Para rodar os testes unitários, utilize o seguinte comando:

`ng test`

Isso iniciará a execução dos testes e mostrará os resultados no terminal.