https://github.com/thiagohrcosta/books-app

This project was developed with the objective of consuming data sent by an API of a CMS. The Frontend was developed using ChakraUI using the icons provided by Phosphor Icons.
https://github.com/thiagohrcosta/books-app

chakra-ui prismic react

Last synced: about 1 month ago
JSON representation

This project was developed with the objective of consuming data sent by an API of a CMS. The Frontend was developed using ChakraUI using the icons provided by Phosphor Icons.

• Host: GitHub
• URL: https://github.com/thiagohrcosta/books-app
• Owner: thiagohrcosta
• Created: 2022-09-13T20:48:19.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-16T01:47:18.000Z (about 2 years ago)
• Last Synced: 2024-10-02T18:41:15.888Z (about 2 months ago)
• Topics: chakra-ui, prismic, react
• Language: JavaScript
• Homepage: https://books-app-iota.vercel.app
• Size: 412 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![banner](https://res.cloudinary.com/dloadb2bx/image/upload/v1663207848/bookapp_h6xjzv.png)

# Book App

This is a serverless project developed with the objective of consuming data sent by an API of a CMS. The Frontend was developed using ChakraUI and the icons provided by Phosphor Icons. 

Some technologies such as React Router Dom and ContextAPI were used to make the application closer to a real development. The ContextAPI manipulates book data for all pages, thus allowing the consumption of this data. React Router Dom controls application routes.

## Development

 ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

## Technologies used

- [Prismic](https://prismic.io/)

- [ContextAPI](https://reactjs.org/docs/context.html)

## How it´s work?

![enter image description here](https://res.cloudinary.com/dloadb2bx/image/upload/v1663208240/api1_tbmyfu.png)

According to the content added by the user, the CMS provides an API as shown below, making it possible to directly fetch or use Prismic's own forms and queries.