Giter Club home page Giter Club logo

demo_3's Introduction

Projeto de Demonstração

Introdução

Esse projeto foi desenvolvido com Tall Stack (Tailwind, AlpineJs, Laravel e Livewire) e seguindo a filosofia da stack, não foi escrito código Javascript e CSS além do necessário proposto nas respectivas documentações.

Como template de painel administrativo foi usado Cleopatra, um admin dashboard simples feito com Tailwind. Os recursos de Javascript e CSS do template foram ignorados. Para ícones e spinners foi usando FontAwesome 5.

Todas eslizações de cards, tabelas, inputs etc foram baseadas em conteúdos do Tailwind Components ou algum outro site de conteúdo semelhante.

Para sessão Github da aplicação, foi usada a api de buscas de usuário da plataforma. Todas requisições são feitas visando usuários com mais de 500 seguidores.

Instalação

Para executar o projeto é recomendado que se use Docker. Caso prefira não usar, crie um banco de dados, siga as instruções a partir do passo 4 configurando as credenciais do banco no arquivo .env.

Passos

  1. Abra a pasta do projeto em um terminal;

  2. Execute o código do bloco para criar a pasta vendor

    docker run --rm \
    -u "$(id -u):$(id -g)" \
    -v $(pwd):/opt \
    -w /opt \
    laravelsail/php80-composer:latest \
    composer install --ignore-platform-reqs
  3. Execute ./vendor/bin/sail up -d para baixar as dependências e subir os conteiners e desbloquear o terminal;

  4. Clone o arquivo .env.example para .env.

    Certifique-se de que haja uma chave GITHUB_API_URL com seu devido valor no .env Configure as credenciais do seu banco de dados nas chaves correspondentes

  5. Execute ./vendor/bin/sail artisan key:generate para gerar a APP_KEY no seu .env

  6. Execute ./vendor/bin/sail artisan migrate --seed para criar as tabelas no banco de dados e alimentá-la com dados fictícios;

  7. Caso queira testar o cadastro do novos usuários e recuperação de senha, será necessário adicionar as credenciais de um servidor SMTP no seu .env. Para testes é recomendado usar o MailTrap.

  8. Os assets (Javascript e CSS) já estão compilados (para desenvolvimento), caso deseje alterar será necessário instalá-los e executá-los com o comando: npm i && npm run dev ou yarn install && yarn dev. Certifíque-se de que tenha NodeJs instalado antes de usar os comandos anteriores.

Usuário de testes

E-Mail: [email protected]

Senha: password

demo_3's People

Contributors

marcelcunha avatar

Watchers

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