https://github.com/edmilson-dk/inn-inteligence-test-web

Test project for a junior developer position at Innovation Inteligence, a project developed with ReactJS, Typescript and Styled-components
https://github.com/edmilson-dk/inn-inteligence-test-web

react-i reactjs styled-components typescript

Last synced: about 2 months ago
JSON representation

Test project for a junior developer position at Innovation Inteligence, a project developed with ReactJS, Typescript and Styled-components

• Host: GitHub
• URL: https://github.com/edmilson-dk/inn-inteligence-test-web
• Owner: edmilson-dk
• Created: 2021-05-27T20:07:23.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-29T15:35:07.000Z (over 3 years ago)
• Last Synced: 2024-10-18T06:54:12.678Z (3 months ago)
• Topics: react-i, reactjs, styled-components, typescript
• Language: TypeScript
• Homepage: inn-inteligence-test-web.vercel.app
• Size: 306 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movix



  

  

  

  

  



O Movix é uma simples pltaforma para busca de filmes, series e episodios, projeto desenvolvido como teste para vaga de desenvolvedor junior na Innovation Inteligence.

# Tópicos 

- [Tecologias](#techs)

- [Check-list](#chech)

- [Layout](#layout)

- [Rodando local](#execute)

- [Página online](#online)

- [Licença](#license)



## Tecnologias e bibliotecas utilizadas

- [ReactJS](https://pt-br.reactjs.org/)

- [Styled Components](https://styled-components.com/)

- [TypeScript](https://www.typescriptlang.org/)



### Check List

__OBS__: As pesquisas devem ser feitas em inglês, pois a API é em inglês

- [x] Responsividade

- [x] Busca de filmes

- [x] Busca de series

- [x] Busca de episodios

- [x] Filtros para (movies, series, episodes)

- [x] Listagem de resultados da pesquisa

- [x] Listagem, remoção e adição de favoritos

- [x] Listagem detalhada das informações

- [x] Páginação de dados



## Layout

### Home page

![Home page](https://tlgur.com/d/4x567MJ8)

![Home page](https://tlgur.com/d/4x567qY8)

### Favorites page

![Favorites page](https://tlgur.com/d/g57o05m8)

### Movie infos modal 

![Movies infos](https://tlgur.com/d/8e0ekwB4)



## Executando o projeto

Para executar o projeto em sua máquina siga os passos abaixo.

- 1 Clone meu repositório em sua máquina 

```sh

git clone [email protected]:edmilson-dk/inn-inteligence-test-web.git

# entre na pasta

cd inn-inteligence-test-web

```

- 2 Após o passo acima, instale as dependências necessárias, para isso é preciso que você tenha o [NodeJS](https://nodejs.org/en/) instalado em sua máquina.

```sh

npm install

# ou com yarn

yarn install

```

- 4 Feito isso é hora de executar o projeto, para isso execute o comando abaixo.

```sh

npm start 

# ou com yarn

yarn start

```



## Veja a aplicação funcionando

Caso você não queira executar os passos de instalação manualmente, para sua sorte fiz o deploy da aplicação, e você pode testa ela no link abaixo.

[Aplicação aqui](https://inn-inteligence-test-web.vercel.app/)



## 🤝 Licença

[MIT](https://github.com/edmilson-dk/inn-inteligence-test-web/blob/main/LICENSE) Project License

Creator with 💙 by [Edmilson Jesus](https://www.linkedin.com/in/edmilson-jesus-4128711b5)