Eventos Interativos

(Projeto em Desenvolvimento)

💻 Projeto

Eventos Interativos é um projeto baseado na aplicação Audiências Interativas da Câmara dos deputados, desenvolvido de forma serverless utilizando NextJS para aplicação em conjunto com o Firebase. Permite a interação de pessoas durante uma transmissão ao vivo por meio de um chat e de uma sessão de perguntas que podem ser utilizadas pelos administradores para fomentar o debate do evento estimulando a participação pública.

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• NextJS
• Firebase
• TypeScript
• Styled Components

Funcionalidades implementadas

• Criação de salas para os eventos;
• Autenticação utilizando login social Google;
• Criação de salas para os eventos;
• Chat para usuários em tempo real;
• Área de perguntas em tempo real;
• Votos em tempo real nas perguntas realizadas;
• Página inicial com eventos ao vivo, eventos previstos e já encerrados;
• Pesquisa de eventos agendados;

Funcionalidades que serão implementadas

• Lista de palavras proibidas na seção de chate de perguntas com moderação automática do sistema;
• Painel de Administração do sistema para usuários administradores;
• Página de estatísticas para os usuários administradores;
• Moderação do Chat por parte dos administradores;
• Painel de administração da sala de um evento para administradores;
• Página de perfil do usuário, permitindo o gerenciamento de suas contribuições;
• Versão mobile da aplicação;

Como executar

Clone o projeto e acesse a pasta do mesmo.

$ https://github.com/joaopaulonsoares/eventos-interativos
$ cd eventos-interativos

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ npm install

# Para iniciar em modo de desenvolvimento:
$  npm run dev

O app estará disponível no seu browser pelo endereço http://localhost:3000.

Lembrando que será necessário criar uma conta no Firebase e um projeto para disponibilizar um Realtime Database.

Configurações adicionais necessárias

Para executar o projeto é preciso se conectar a uma instância do RealTime Database do firebase. Para que a aplicação se conecte a sua instância crie um arquivo ".env.local" contendo as seguintes informações que podem ser encontradas na página de configurações do seu RealTime Database:

NEXT_PUBLIC_API_KEY=
NEXT_PUBLIC_AUTH_DOMAIN=
NEXT_PUBLIC_DATABASE_URL=
NEXT_PUBLIC_PROJECT_ID=
NEXT_PUBLIC_STORAGE_BUCKET=
NEXT_PUBLIC_MESSAGING_SENDER_ID=
NEXT_PUBLIC_APP_ID=
NEXT_PUBLIC_MEASUREMENT_ID=

🔖 Layout

Você pode visualizar o layout do projeto através do link abaixo:

• Layout Web

Lembrando que você precisa ter uma conta no Figma.

📝 License

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

English

💻 Project

Eventos Interactivos is a project based on the Interactive Hearings application of the Chamber of Deputies, developed in a serverless way using NextJS for application in conjunction with Firebase. Allows the interaction of people during a live broadcast through a chat and a question session that can be used by administrators to encourage debate at the event, stimulating public participation.

🧪 Technologies

This project was developed with the following technologies:

• NextJS
• Firebase
• TypeScript
• Styled Components

Implemented features

• Creation of rooms for events;
• Authentication using Google social login;
• Creation of rooms for events;
• Chat for users in real time;
• Real-time question area;
• Real-time votes on the questions asked;
• Home page with live events, scheduled and closed events;
• Search for scheduled events;

Features that will be implemented

• List of prohibited words in the chat section of questions with automatic moderation of the system;
• System Administration Panel for administrator users;
• Statistics page for admin users;
• Chat moderation by administrators;
• Event room administration panel for administrators;
• User profile page, allowing you to manage your contributions;
• Mobile version of the application;

How to run

Clone the project and access its folder.

$ https://github.com/joaopaulonsoares/eventos-interativos
$cd events-interactive

To start it, follow the steps below:

# Install dependencies
$npm install

# To start in development mode:
$npm run dev

The app will be available in your browser at the address http://localhost:3000.

Remembering that you will need to create an account on Firebase and a project to make a Realtime Database available.

Additional settings required

To run the project you need to connect to a RealTime Database instance from firebase. In order for the application to connect to your instance, create a ".env.local" file containing the following information that can be found on your RealTime Database settings page:

bash NEXT_PUBLIC_API_KEY= NEXT_PUBLIC_AUTH_DOMAIN= NEXT_PUBLIC_DATABASE_URL= NEXT_PUBLIC_PROJECT_ID= NEXT_PUBLIC_STORAGE_BUCKET= NEXT_PUBLIC_MESSAGING_SENDER_ID= NEXT_PUBLIC_APP_ID= NEXT_PUBLIC_MEASUREMENT_ID=

🔖 Layout

You can view the project layout through the link below:

• Web Layout

Remembering that you need to have an account on Figma.

📝 License

This project is under the MIT license. See the LICENSE file for more details.