DeveloperParana / recursos

DevParaná Member Experience
https://devparana.mx
10 stars 2 forks source link
aplicativos banco-de-imagens community devparana hacktoberfest markdown-slides screen-recorder slides

Comunidade DevParaná

Bem vindo ao DevPR MX, esperamos que você tenha a melhor experiência como membro da nossa comunidade

A ideia deste movimento

Dar o empurrão que faltava para muito dos desenvolvedores paranaenses começar a compartilhar conhecimentos, através de MeetUps, Coding Dojo, Conferências e tudo mais que pudermos fazer.

Nossa iniciativa

Auxiliar nas comunidades e movimentos nas suas ações, não competindo com os mesmos.


Aplicativos

Gravação da tela

Temos uma aplicação para gravação da tela, caso precise mostrar algo durante sua apresentação, você pode clonar o repositório e executar localmente ou acessar a versão web.

Link Web

Link do Código

Para executar localmente

npm run recorder


Banco de imagens

Temos uma aplicação com milhares de imagens no formato SVG, pra que você possa usa-las em apresentações ou onde achar que faça sentido. O formato SVG é mais adequado, pois permite efetuar alterações não só via apps como Figma ou Adobe XD, mas também via código, com JavaScript. Você pode clonar o repositório e executar localmente ou acessar a versão web.

Link Web

Link do Código

Para executar localmente

npm run devector


Slides com markdown

Você também pode contar com um app onde você pode preparar seus slides usando markdown, sinta-se em casa pra fazer a alteração que entender necessária para sua apresentação, quando concluída, faça o build e leve com você apenas o diretório gerado dentro de dist. Fácil e prático.

Link do Código

Para executar

npm run presenter

Repositório

Objetivo do repositório

Este repositório contém alguns facilitadores para organização de eventos e preparações de talks, caso tenha algo a colaborar, sinta-se a vontade para enviar um pull request contribuindo.

Estrutura do repositório

Projetos

O diretório apps contém apenas aplicativos

apps
├── devector      # <- banco de imagens
├── example       # <- app com exemplos
├── presenter     # <- p/ apresentações
├── recorder      # <- gravação da tela
├── recorder-e2e  # <- testes end 2 end
└── website       # <- website recursos

O diretório packages contém apenas bibliotecas compartilhadas entre aplicativos ou ainda, outras bibliotecas

packages
├── common
│   ├── elements  # <- webcomponents
│   └── web       # <- core elements

Design

O diretório design contém imagens referentes a linguagem visual do DevParaná e arquivos gerais de estilização, como paletas de cores e algumas variáveis globais.

design
├── assets
│   ├── images
│   └── logo.svg
└── styles
    └── core
        └── theming

Tools

O diretório tools contém ferramentas de gerenciamento do repositório

tools
├── generators

Comandos

Aqui estão alguns exemplos de como podemos usar, alterar e submeter alterações para o repositório.

Importante!

Abaixo estão alguns exemplos, mas antes de submeter uma grande mudança, por favor, leia atentamente nosso guia de contribuição.

Para desenvolvimento

npm run recorder

Para servidor web

Faça o build

npm run recorder:build

npm run recorder build

Execute com algum servidor web de preferência, neste exemplo usarei http-server

http-server dist/apps/recorder -o

Para simular um deploy execute

npm run simulate:deploy

npm run simulate:deploy


Escrevendo mensagem de commit

npm run commit

npm run commit

Saiba mais sobre como contribuir


### Onde nos encontrar ## - [Github](https://github.com/DeveloperParana/) ## - [Facebook](https://facebook.com/DeveloperParana/) ## - [Instagram](https://www.instagram.com/devparana/) ## - [Twitter](https://www.instagram.com/devparana/) ## - [Meetups](https://www.meetup.com/pt-BR/developerparana/) ![Comunidade DevParaná](design/assets/logo.svg 'Comunidade DevParaná')

Este projeto usa Nx workspaces.