🔎 Obtenha as informações da série Rick and Morty.
Visão Geral: Este projeto foi desenvolvido com o objetivo de aprender a consumir APIs utilizando React, Axios e TypeScript. Ele oferece uma interface para explorar informações sobre personagens, episódios e localizações da série animada "Rick and Morty".
Requisitos Funcionais:
- Exibir informações resumidas de personagens, episódios e localizações.
- Permitir acesso detalhado a informações específicas, como perfis de personagens e detalhes de episódios.
Estrutura de pastas:
-
.github: Esta pasta é utilizada para armazenar recursos relacionados à documentação, como imagens, gifs e outros arquivos necessários para a documentação do projeto.
-
assets: Este diretório é utilizado para armazenar recursos estáticos do projeto, como imagens, ícones, fontes e outros arquivos que serão utilizados na interface do usuário.
-
components: Aqui estão localizados os componentes reutilizáveis do React. São unidades independentes de interface do usuário que podem ser utilizadas em várias partes do projeto.
-
layout: Neste diretório estão os componentes de layout compartilhados entre várias páginas ou componentes do aplicativo. São responsáveis por definir a estrutura básica da página.
-
pages: Esta pasta contém as páginas principais do aplicativo. Cada arquivo nesta pasta representa uma página diferente do aplicativo.
-
routes: Aqui são definidas e organizadas as rotas da aplicação. Este diretório contém os arquivos que definem as rotas e o roteamento do aplicativo.
-
services: Este diretório agrupa partes relacionadas à integração com a API. Aqui são armazenados os arquivos que contêm funções e classes para consumir e interagir com a API do Rick and Morty.
-
styles: Neste diretório ficam os arquivos relacionados à estilização do projeto. Aqui são armazenados arquivos Sass, onde podem ser encontrados mixins, variáveis e estilos globais utilizados em todo o projeto.
- Home: Apresenta informações resumidas sobre personagens, episódios e localizações.
- Character: Exibe uma lista de todos os personagens da série.
- Character/:id: Mostra informações detalhadas de um personagem específico, incluindo foto de perfil e nome.
- Episodes: Lista todos os episódios da série.
- Episodes/:id: Exibe informações detalhadas de um episódio específico.
- Locations: Apresenta todas as localizações da série, como planetas e cidades.
- Locations/:id: Mostra informações detalhadas sobre uma localização específica.
Antes de iniciar 🏁, certifique-se de ter o Git e o Node instalados em sua máquina.
# Clone este projeto
$ git clone https://github.com/brunowzz/rick-and-morty
# Acessar
$ cd rick-and-morty
# Instalar dependências
$ yarn
# Execute o projeto
$ yarn dev
# O servidor será inicializado em <http://localhost:5173>
Bruno Vinícius |
Este projeto está sob licença. Consulte o arquivo LICENSE para obter mais detalhes.