Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/varejaodacarne/englishflix

📺 Englishflix - A Netflix inspired project, with the purpose to help people learn english.
https://github.com/varejaodacarne/englishflix

alura aluraflix css eslint html imersao-react javascript npm reactjs

Last synced: 17 days ago
JSON representation

📺 Englishflix - A Netflix inspired project, with the purpose to help people learn english.

Awesome Lists containing this project

README

        


Logo Englishflix


📺 Plataforma de vídeos inspirado na Netflix para aprender inglês


GitHub contagem de linguagens

Tamanho do repositório


GitHub último commit


License

Stargazers


Home Page


🚧 Englishflix 📺 Concluído 🚀 🚧


Sobre
Layout
Como executar
Tecnologias
Autor
Licença

## 💻 Sobre o projeto

📺 Englishflix - É uma plataforma de vídeos inspirado na Netflix. Onde se pode adicionar vídeos que seram visualizados em um carousel, e criar categorias para fazer uma melhor separação do conteúdo.

Projeto desenvolvido durante a **Imesão React** oferecida pela [Alura](https://www.alura.com.br/).

---

## 🎨 Layout

### Cadastro de vídeo


Página de cadastro de vídeo

### Cadastro de categoria


Página de cadastro de categoria

---

## 🚀 Como executar o projeto

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)

#### 🧭 Rodando a aplicação

```bash

# Clone este repositório
$ git clone https://github.com/grioos/englishflix

# Acesse a pasta do projeto no seu vscode
$ cd englishflix

# Instale as dependências
$ npm install

# Execute a aplicação
$ npm run dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

```

---

## 🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:
- **[Concurrently](https://github.com/kimmobrunfeldt/concurrently)**
- **[Express](https://expressjs.com/)**
- **[NodeJS](https://nodejs.org/en/)**
- **[JavaScript](https://www.javascript.com/)**
- **[JSON Server](https://github.com/typicode/json-server)**
- **[React](https://reactjs.org/)**
- **[React Dom](https://pt-br.reactjs.org/docs/react-dom.html)**
- **[React Icons](https://react-icons.github.io/react-icons/)**
- **[React Router Dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)**
- **[React Scripts](https://github.com/facebook/create-react-app/tree/master/packages/react-scripts)**
- **[React Slick](https://github.com/akiran/react-slick)**
- **[Prop Types](https://pt-br.reactjs.org/docs/typechecking-with-proptypes.html)**
- **[Styled Components](https://styled-components.com/)**

> Veja o arquivo [package.json](https://github.com/grioos/englishflix/blob/master/package.json)

---

## 💪 Como contribuir para o projeto

1. Faça um **fork** do projeto.
2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m "feature: My new feature"`
4. Envie as suas alterações: `git push origin my-feature`

---

## 🦸 Autor




Gabriel Rios 🚀

[![Linkedin Badge](https://img.shields.io/badge/-grioos-black?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/grioos/)](https://www.linkedin.com/in/grioos/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

---

## 📝 Licença

Este projeto esta sobe a licença [MIT](./LICENSE.md).

Feito por Gabriel Rios 👋🏻 [Entre em contato!](https://www.linkedin.com/in/grioos/)