Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nataliafrancisca/find-your-next-book
realize pesquisas e mantenha controle sobre seus livros.
https://github.com/nataliafrancisca/find-your-next-book
angular google-books-api tailwindcss
Last synced: about 7 hours ago
JSON representation
realize pesquisas e mantenha controle sobre seus livros.
- Host: GitHub
- URL: https://github.com/nataliafrancisca/find-your-next-book
- Owner: NataliaFrancisca
- Created: 2022-11-16T19:08:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-21T01:36:29.000Z (over 1 year ago)
- Last Synced: 2023-10-21T22:37:01.302Z (over 1 year ago)
- Topics: angular, google-books-api, tailwindcss
- Language: TypeScript
- Homepage: https://find-your-next-book.vercel.app/
- Size: 1.97 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Find Your Next Book
Esse projeto foi construído para praticar os meus conhecimentos em Angular.js & TailwindCSS
⭐ O projeto foi baseado no [Book Finder](https://github.com/wasimreja/book-finder) do [Wasim Reja](https://github.com/wasimreja).
## **Stack**:
- Angular,
- TailwindCSS,
- Google Books API,
- Prettier,
- ESlint
## **Assets**:
- Icons: [Material Symbols](https://fonts.google.com/icons)
- Ilustração: [PWD Girl with Eye Patch Reading Illustration - Canva](https://www.canva.com/)
- Figma: [Figma File](https://www.figma.com/file/77P7X0J9Domo8LudU69fXE/FIND-YOUR-NEXT-BOOK?type=design&node-id=86%3A97&mode=design&t=WBqOl7HauNJ2Gq4X-1)
## **Funcionalidades**:
1. Pesquisar Livros
2. Aplicar Filtro sobre o Livro (Favoritar, Salvar e Finalizado)
3. Remover os Filtros
4. Salvar os livros no LocalStorage
> 🚨Se você limpar os dados do seu navegador, as informações salvas no LocalStorage serão perdidas.
## **Aprendizados**:
- Como trabalhar com API no Angular,
- Criar services,
- Compartilhar dados entre componentes,
- Utilização do Tailwind.
## **Screenshot**:
