Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lumamontes/dalivros

Book website made with Google Book API and Next.js πŸ“•
https://github.com/lumamontes/dalivros

Last synced: about 1 month ago
JSON representation

Book website made with Google Book API and Next.js πŸ“•

Awesome Lists containing this project

README

        

# DΓ‘Livros

| | ||
|---------|---------|---------|
| ![Image 1](https://github.com/lumamontes/dalivros/assets/60052718/41a94d07-157c-4409-a29c-11e046df9ffc) | ![Image 2](https://github.com/lumamontes/dalivros/assets/60052718/09593edf-69b6-4099-aa22-ecfee4eedb3f) | ![Image 3](https://github.com/lumamontes/dalivros/assets/60052718/913db18e-ec3a-4a9d-859a-c6fabc0c9e33) |
| ![Image 4](https://github.com/lumamontes/dalivros/assets/60052718/b8017677-9c15-4346-aad8-c7a9f16a7bd1) | ![Image 5](https://github.com/lumamontes/dalivros/assets/60052718/431f7e53-8d37-4337-bc7c-788569a20c05) | |

This project is a website for book searching that utilizes the Google Books API to retrieve books and enables users to mark books as favorites

I developed this project as a study on the use of Next.js with the /app structure, along with employing the useSWR library to fetch books from the Google Books API. Additionally, NextAuth.js was used for authentication with Google

Icons drawed by [Luana Góes](https://luanagoes.vercel.app) ✨

## Features

- Book search using the Google API with useSWR.
- Bookmarking and removal of books as favorites.
- Viewing the list of favorite books.
- Authentication with Google accounts using NextAuth.js.

## Techs

- [Next.js](https://nextjs.org)
- [TypeScript](https://www.typescriptlang.org)
- [Tailwind CSS](https://tailwindcss.com)
- [useSWR](https://swr.vercel.app)
- [NextAuth.js](https://next-auth.js.org)

## Run locally

1. Clone the repository.
2. Install the dependencies: npm install.
3. Configure authentication keys and secrets in .env file.
4. Start the development server: npm run dev.
5. Access the website at: http://localhost:3000.