Code Monkey home page Code Monkey logo

wellington197 / interface_netflix Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 51.01 MB

Neste projeto, será replicado a interface do principal site de streaming mundial utilizando tecnologias simples como HTML5, CSS3 e JavaScript. Também será estruturado um layout, técnicas de CSS3 com containers e variáveis, como posicionar os elementos com Flexbox e como utilizar plugins Jquery a favor da aplicação. Para incrementar o projeto, também será criado tela de apresentação da Netflix, de login e de usuários, além de uma página para execução do filme. Também será aplicado uma Pipeline de integração continua e testes da aplicação com Travis e deploy com Heroku.

License: GNU General Public License v3.0

Python 2.63% CSS 35.08% JavaScript 0.52% HTML 61.73% Procfile 0.05%
html5 css3 flexbox-css flex-layout javascript devops frontend

interface_netflix's Introduction


Neste projeto, será replicado a interface do principal site de streaming mundial utilizando tecnologias simples como HTML5, CSS3 e JavaScript. Também será estruturado um layout, técnicas de CSS3 com containers e variáveis, como posicionar os elementos com Flexbox e como utilizar plugins Jquery a favor da aplicação.

Para incrementar o projeto, também será criado tela de apresentação da Netflix, de login e de usuários, além de uma página para execução do filme.

Também será aplicado uma Pipeline de integração continua e testes da aplicação com Travis e deploy com Heroku.

Build StatusNetlify Status

Badge


### Conceitos aplicados no projeto
  • Criação do clone da NETFLIX;
  • Aplicação de conceitos em FLEXBOX;
  • Estilização em HTML5 e CSS3;
  • Conceitos de JavaScript;
  • Subindo projeto para GitHub;
  • Criando as páginas Inicial, Login e Página de usuários;
  • Aplicação de uma Pipeline DevOps com a aplicação do BUILD pelo TRAVIS e Deploy com Heroku.


Tela inicial



Tela de apresentação dos filmes



Listagem dos filmes



Tela de login



Tela de usuários



Atividades realizadas

  • Criação da página inicial
  • Estilização via CSS3
  • Aplicação de posicionamento dos elementos
  • Criação de repositório no GitHub
  • Edição de um projeto
  • Criação e edição do Readme
  • Finalização do projeto
  • Criação da conta e configuração do Heroku
  • Edição
  • Criação e edição do Readme
  • Finalização do projeto

O que a plataforma é capaz de fazer :checkered_flag;

🏆 Plataforma criada com conceito de responsividade.
🏆 Criação e adição de repositório no GitHub
🏆 Criação e edição do Readme

Como está andamento do projeto.

Status do Projeto: Concluido ✔️
Status do Projeto: Em desenvolvimento ⚠️

Linguagens e libs utilizadas :books;

* LINGUAGENS
    - HTML5
    - CSS3
    - JavaScript
    - Node Js

* METODOLOGIA
    - Flexbox
    - RESPONSIVIDADE
    
* FERRAMENTAS
    - GitHub
    - GitPages
    - Visual Stúdio
    - Travis

Mentoria e Colaboração:



Felipe Silva Aguiar


Francisco Wellington Costa


Digital Innovation One

interface_netflix's People

Contributors

wellington197 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.