Giter Site home page Giter Site logo

desafio-webedia's Introduction

Desafio Webedia Graciano

Fiz o miniblog em laravel, usando sass e o breakpoint para media queries. Todo o resto do estilo foi feito do zero, usando flexbox (sabendo das limitações do flexbox no ie11 e usando só o que é suportado). Neste documento, um guia de como instalar a aplicação (em ambiente de desenvolvimento) e usá-la.

Instalação

Requerimentos:

  • git
  • php7.0+
  • mysql/mariadb (ou outro SGBD compatível com laravel)
  • composer
  • [opcional] npm
  • [opcional] yarn

Passo a passo

  • Primeiro clonar o projeto:
    • git clone https://github.com/graciano/desafio-webedia.git
    • Ou [email protected]:graciano/desafio-webedia.git para usuários de ssh.
  • Instalar dependências do projeto
  • composer install
  • [opcional] yarn
  • Caso queira mexer no código sass, rodar yarn watch
  • Criar um banco e colocar as informações de acesso ao mesmo no .env, nos campos DB_CONNECTION, DB_DATABASE, etc
  • Depois, php artisan migrate para criar as tabelas no banco
  • [opicional] php artisan db:seed para alimentar o banco com posts aleatórios.
  • adicionar chaves da api do google no arquivo .env nos campos GOOGLE_CLIENT_ID e GOOGLE_CLIENT_SECRET

E finalmente, para rodar o projeto, php artisan serve e acessar em localhost:8000

Usando

Para fazer login, basta acessar a página de login em localhost:8000/login que depois você será redirecionado para a dashboard, em http://app.dev:8000/dashboard.

Na dashboard, há um cabeçalho com links para o site público, a home da dashboard e para criar um novo post. Além disso, são listados os posts para serem alterados ou excluídos. print

Na página de escrever um post (tanto novo quanto editar), devem-se informar os campos de lead, excerpt, preiew, etc para criação dos cards. Se os mesmos não forem informados, são preenchidos automaticamente com conteúdo do post até que sejam alterados pelo usuário. print

desafio-webedia's People

Contributors

graciano avatar

Watchers

James Cloos avatar  avatar  avatar Nando Sangenetto 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.