Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jrsousadev/challenge-surflex-front

👨🏻‍💻 System Front-end with React, NextJS and Mui
https://github.com/jrsousadev/challenge-surflex-front

challenge javascript mui nextjs react typescript

Last synced: 8 days ago
JSON representation

👨🏻‍💻 System Front-end with React, NextJS and Mui

Host: GitHub
URL: https://github.com/jrsousadev/challenge-surflex-front
Owner: jrsousadev
Created: 2022-08-17T19:08:56.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2022-08-30T18:51:44.000Z (about 2 years ago)
Last Synced: 2024-08-01T21:58:34.214Z (4 months ago)
Topics: challenge, javascript, mui, nextjs, react, typescript
Language: TypeScript
Homepage:
Size: 95.7 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

## 📋 Challenge Surflex Front-end

Este projeto é um sistema que exibe a listagem de personagens da API do "Rick And Morty" além de registrar/logar um usuário e após autenticador permite o usuário criar uma lista com os seus personagens favoritos.

## O que foi utilizado no projeto:

- Typescript
- React
- Next
- MUI

### Link do repositório da API (Back-end)

🔗 [Back-end](https://github.com/jrsousadev/challenge-surflex-api)

### Deploy

🔗 [Conhecer aplicação](https://challenge-surflex-front.herokuapp.com/)

### Recursos

#### Projeto Mobile / Desktop

#### Filtrar personagens por name e espécie

![image](https://user-images.githubusercontent.com/92350736/185425149-ab0bef59-f5cb-4ddc-a3ad-0b94eb6013de.png)

#### Favoritar o personagem (Se estiver logado) clicando na estrelinha

![image](https://user-images.githubusercontent.com/92350736/185426018-43ec274d-6800-4671-8944-5475bea48886.png)

#### Após favoritar seus personagens, eles entraram na sua lista de favoritos (Podendo também desfavorita-los)

![image](https://user-images.githubusercontent.com/92350736/185426349-5108475e-aada-4abc-b3ad-b2904f70ab13.png)

### Iniciando o Projeto

**1-** Clone repository.

**2-** Install dependecies.
```js
yarn
// or
yarn install
// and
yarn start
```