Git Product home page Git Product logo

front-basic's Introduction

GitHub language count Repository size GitHub last commit

🚧 Concluído 🚧

💻 Proposta

Criar uma página HTML utilizando de ponto de partida esse repositório. Depois, utilizando Javascript pegar os dados do JSON da requisição (GET) - https://us-central1-squid-apis.cloudfunctions.net/test-front-basic. Liste o feed do Instagram da @squidapp. Utilizar de CSS para personalizar o layout como o da imagem do resultado abaixo, considerar o hover para todas as imagens (ver primeira imagem do resultado). Além do hover, cada imagem deve ter um click para o Link da imagem no instagram, abrindo em uma nova aba ao clicar. Responsividade e experiência de usuário (como loaders, tratamento de erros, animações, efeitos, etc) serão levados em consideração na avaliação. No final, subir o código em um repositório público no seu próprio GitHub e mandar o link para o avaliador.


🎨 Resultado

Gif do projeto


💻 Preview

Clique no botão abaixo para para visualizar o resultado do projeto no ar.

Netlify Status

🚀 Como executar o projeto

Pré-requisitos:

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🧭 Rodando a aplicação web

# Clone este repositório
$ git clone https://github.com/afpp3/front-basic.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd front-basic

# Instale as dependências
$ yarn or npm install

# Execute a aplicação em modo de desenvolvimento
$ yarn dev or npm run dev

# A aplicação será aberta na porta:3000
$ acesse a url http://localhost:3000 no seu navegador para visualizar o projeto localmente

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

HTML, CSS Javascript e o framework da Squid para construção do layout SQUID CSS


🦸 Autor

Profile Image


André Felippe

Linkedin Badge Gmail Badge

front-basic's People

Contributors

afpp3 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.