g18siqueira / gsanimes

Personal project created to apply my React Js studies.

Anime Info App

Sobre o Projeto

Este projeto é um estudo desenvolvido em React para consumir a API Jikan. Ele fornece informações sobre animes, incluindo a seção de Temporada Atual, Temporada Futura e Indicações de Animes. Além disso, possui uma página de busca para pesquisar títulos disponíveis e permite favoritar animes para consulta posterior.

Tecnologias Utilizadas

• React
• Hooks: useState, useEffect, useCallback, useParams, useSearchParams, useNavigate, useRouteError
• Estilização: Sass com Css Module
• Dependências: axios, react-icons, react-router-dom, react-toastify, sass, swiper

Como Iniciar o Projeto

1. Certifique-se de ter o Node.js e o npm instalados em sua máquina.
2. Faça o clone deste repositório para o seu ambiente local.
3. No diretório do projeto, execute o comando npm install para instalar as dependências necessárias.
4. Após a instalação, execute o comando npm start para iniciar a aplicação em um ambiente de desenvolvimento.
5. Abra o navegador e acesse http://localhost:3000 para visualizar a aplicação.

Recursos e Funcionalidades

• Seção de Temporada Atual: exibe informações sobre os animes da temporada atual.
• Seção de Temporada Futura: exibe informações sobre os animes da temporada futura.
• Seção de Indicações de Animes: lista recomendações de animes.
• Página de Busca: permite pesquisar por qualquer título disponível na API.
• Funcionalidade de Favoritos: permite favoritar animes utilizando LocalStorage e consultá-los posteriormente.