Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/luiizsilverio/my-movies

Aplicação em React que acessa API de filmes e utiliza Redux-Toolkit para gerenciar os estados.
https://github.com/luiizsilverio/my-movies

axios omdb-api phosphor-react react react-router-dom react-slick react-toastify redux-toolkit sass

Last synced: about 1 month ago
JSON representation

Aplicação em React que acessa API de filmes e utiliza Redux-Toolkit para gerenciar os estados.

Awesome Lists containing this project

README

        

# MY-MOVIES 🎥

## Conteúdo
* [Sobre o Projeto](#sobre-o-projeto)
* [Tecnologias](#hammer_and_wrench-tecnologias)
* [Screenshots](#camera_flash-screenshots)
* [Iniciando a Aplicação](#car-Iniciando-a-aplicação)
* [Licença](#balance_scale-licença)
* [Contato](#email-contato)

## Sobre o projeto
Aplicação desenvolvida durante o curso [Learn React Redux Toolkit with Project in 2 Hours](https://www.youtube.com/watch?v=2kL28Qyw9-0), do professor Dipesh Malvia.

Desenvolvida em React, __Redux-Toolkit__ para gerenciar os estados da aplicação e rotas com __React-Router-DOM__.

Acessa a API de filmes [OMDb API](https://www.omdbapi.com), possui busca de filmes e séries pelo título e carrossel de imagens com __React-Slick__.

Acesse a aplicação [aqui](https://my-movies-b8f8d9.netlify.app).

## :hammer_and_wrench: Tecnologias
* __React__
* __Redux-Toolkit__ para gerenciar os estados
* __React-Router-DOM__ para rotas
* __React-Slick__ para carrossel de imagens
* __Phosphor-React__ para ícones
* __React-Toastify__ para exibição de mensagens
* __Sass__ para estilização

## :camera_flash: Screenshots
![](https://github.com/luiizsilverio/my-movies/blob/main/src/images/my-movies.gif)

## :car: Iniciando a aplicação
Baixe o repositório com git clone e entre na pasta do projeto.
```bash
$ git clone https://github.com/luiizsilverio/my-movies

# Instale as dependências
$ yarn

# Para iniciar a aplicação na porta 3000
$ yarn start
```

## :balance_scale: Licença
Este projeto está licenciado sob a [licença MIT](LICENSE).

## :email: Contato

E-mail: [**[email protected]**](mailto:[email protected])