Sobre o projeto • Status • Features • Pré-requisitos • Tecnologias utilizadas • Autor • README versions
Possuindo como objetivo o agrupamento de informações pessoais e a facilitação do processo de networking em eventos de tecnologia, a SpecBadge é, essencialmente, uma plataforma para criação, visualização e personalização de crachás virtuais de espectador.
- Implementar design responsivo;
- Gerenciar o acesso às rotas da aplicação de acordo com o estado do usuário, isto é, se autenticado ou não;
- Exibir página de erro personalizada para rotas não pertencentes à aplicação;
- Realizar login social do usuário com o OAuth do GitHub;
- Salvar e recuperar, do banco de dados, os tokens de acesso dos usuários autenticados, para implementação de login persistente;
- Buscar e exibir as informações da conta do GitHub do usuário, caso o mesmo esteja autenticado;
- Editar e salvar as informações do crachá de espectador do usuário no banco de dados;
- Buscar e exibir informações específicas do crachá do usuário, isto é, o nome do evento do qual o mesmo está participando e os links para suas redes socias;
- Copiar o URI do crachá do usuário para a área de transferência; e
- Acessar, via URI, crachás de outros usuários.
Fala, Dev, beleza? Antes de iniciar seus testes e/ou contribuições na aplicação, é necessário ter duas coisas instaladas, a primeira é o nosso maravilhoso GIT, e a segunda, o Node.js, além, é claro, de um bom editor de texto.
Bom, com tudo instalado e pronto, podemos ir para o passo a passo de como rodar a aplicação.
# Primeiramente, clone este repositório com o GIT.
$ git clone <https://github.com/trybrito/specbadge>
# Acesse a pasta do projeto pelo terminal de comando.
$ cd .../specbadge
# Instale as dependências presentes no package.json.
$ yarn / npm install
# Inicialize o banco de dados.
$ yarn init-db
# Execute o servidor de cache.
$ yarn cache
# Execute o servidor da aplicação.
$ yarn server
# Compile seus estilos com a CLI do Tailwind CSS.
$ yarn watch
# E finalmente, acesse <http://localhost:3000> para ver a aplicação rodando no servidor local.- Node.js
- Nodemon
- Express.js
- MongoDB
- Redis
- dotenv
- node-fetch
- serialize-javascript
- connect-mongo
- express-session
- express-csp-header
E aí, Dev, gostou da aplicação? Bom, se quiser, fique à vontade para contribuir com o projeto e/ou entrar em contato comigo por meio das plataformas abaixo, até mais!
