Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/marcosmaio/one-piece-page-event

Last synced: 23 days ago
JSON representation

Host: GitHub
URL: https://github.com/marcosmaio/one-piece-page-event
Owner: MarcosMaio
Created: 2023-10-13T15:38:00.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-10-14T15:02:22.000Z (about 1 year ago)
Last Synced: 2023-10-16T11:53:39.995Z (about 1 year ago)
Language: CSS
Homepage: https://one-piece-page-event.vercel.app
Size: 22.1 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # One-Piece-Page

Este é um projeto simples criado com Next.js para demonstrar o uso de uma API criada por mim e personalizada com um banco de dados. Ele utiliza tecnologias como React, TypeScript e React-Query para buscar e exibir dados dinâmicos da API. Além disso, oferece interatividade ao permitir ao usuário escolher novos dados que serão buscados da API e exibidos na página.

![site illustrato](https://lh3.googleusercontent.com/pw/ADCreHdJ-nUzF9rf-g5N7OiTyb4unmOGDdQFPWZsXlV-vuV4lKifbpX_osJ8T3Vhw9ZkLBC-L3tEdjkYlPKAMwBbmozWEIid55JxuAuSfoGcw-EqM56uvzbHrnVNROoYLbaiuJ7AUysvpSMfQrfHWAcvyRA=w1441-h828-s-no?authuser=1)

## Funcionalidades

- Visualização de dados dinâmicos (título, descrição e imagem de fundo) da API.

- Troca de dados via requisição à API quando imagens são clicadas.

- Layout simples e atraente.

## Tecnologias Utilizadas

- [Next.js](https://nextjs.org/)

- [React](https://reactjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [React-Query](https://react-query.tanstack.com/)

- [Axios](https://axios-http.com/)