Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/exploit-experts/rickandmorthy-client

RickAndMorty-client, developed in ANGULAR and TypeScript, allows users to view, filter and explore information about the series' characters, presenting the data in an interactive and friendly way. The web application is lightweight and responsive, designed to offer fluid and intuitive navigation over the data provided by the API.
https://github.com/exploit-experts/rickandmorthy-client

angular css html javascript scss typescript web

Last synced: 17 days ago
JSON representation

RickAndMorty-client, developed in ANGULAR and TypeScript, allows users to view, filter and explore information about the series' characters, presenting the data in an interactive and friendly way. The web application is lightweight and responsive, designed to offer fluid and intuitive navigation over the data provided by the API.

Awesome Lists containing this project

README

        



# 🌐 RickAndMorty-Client

Este repositório contém a interface web da aplicação Rick and Morty, desenvolvida com Angular. Ele consome a API RESTful criada no repositório [RickAndMorty-Spring-API](https://github.com/Exploit-Experts/RickAndMorty-Spring-API) e permite aos usuários navegar, filtrar e visualizar informações sobre personagens da série.

## 🎯 Objetivo

Desenvolver uma aplicação front-end com Angular, que consuma a API RESTful, permitindo a visualização e filtragem dos personagens da série Rick and Morty.

## 🛠️ Tecnologias Utilizadas

- Angular
- TypeScript
- HTML5
- CSS3/SCSS
- Bootstrap
- npm

## 📂 Instalação e Execução

1. Clone o repositório:

```bash
git clone https://github.com/Exploit-Experts/RickAndMorthy-client.git
```

2. Navegue até o diretório do projeto:

```bash
cd RickAndMorty-Client
```

3. Instale as dependências do projeto:

```bash
npm install
```

4. Execute a aplicação:

```bash
ng serve
```

Acesse a aplicação no navegador em: `http://localhost:4200`

## 🔍 Funcionalidades

- **Listagem de personagens:** Exibe todos os personagens da API.
- **Busca por nome:** Filtra personagens com base no nome.
- **Detalhes do personagem:** Visualiza mais informações de cada personagem ao clicar.

## ⚖️ Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais informações.