desireefernandes / tutoreasy-v2.0

(v2.0.0) Plataforma online com tutoriais de fácil entendimento para pessoas que não possuem vivência com a tecnologia, mecanismo de ajuda e democratização do acesso à tecnologia para todos.

Hi there 👩🏾‍💻 Welcome to my GitHub!

🦋 About me 🦋

• ✨ I’m Desiree Fernandes
• 😄 My pronouns: She/Her
• 📍 I’m from Brazil, living in Pernambuco 🇧🇷
• 🎓 I’m web developer student on Federal Institute of Education, Science and Technology of Pernambuco (IFPE)
• 🤓 I love front-end and UI/UX design
• 👩🏾‍💻 I’m currently working with freelancer digital design

⚙️ Languages & Tools:

🖥️ Softwares:

📫 How to reach me:

tutoreasy-v2.0's Issues

Landing page

Eu, como usuário, quero visualizar uma página de boas vindas ao acessar o site pela primeira vez ou não ter me autenticado na minha conta, para entender como funciona o site e o que é proposto pela plataforma.

• Ao entrar como usuário na plataforma pela primeira vez ou não ter se autenticado, aparecerá a página que explica como a plataforma funciona, o que é proposto e dá boas vindas;

• Na página será possível visualizar banners;

• Nos banners terão: 1 - Boas vindas; 2 - Ensinando como funciona; 3 - Objetivo; 4 - Como contribuir;

• No final da página terá uma sessão que mostra cards dos integrantes do projeto e informações de contato, somado a isso, uma previa dos tutorias que a página terá e por fim como entrar em contato com a equipe de desenvolvedores.

• Front-end;

• Back-end

Reestruturação do banco de dados

Eu como desenvolvedor quero a restruturação do banco de dados em PostgresSQL para o sistema de migração de dados.

Home usuário

Eu, como usuário, quero visualizar a página inicial ao logar no site, para localizar os tutoriais, os perfis e as funcionalidades.

• Ao entrar como usuário, aparecerá a página inicial da aplicação;

• Na página inicial será possível visualizar um banner e um menu.

• No banner será possível ver uma introdução do que a aplicação se trata e induzirá o usuário a rolar a página e ver o resto do conteúdo.

• No menu, terá a logo da aplicação - que será um botão e levará o usuário a Home, caso ele não esteja nela -, terá um botão "tutoriais" - que descerá a página e levará ao feed de tutoriais -, um botão perfil com um ícone de "pessoa" - que levará o usuário até seu perfil -, e um botão "sair" - que levará o usuário de volta a Landing Page.

• Front-end;

• Back-end

Dark mode

Eu, quanto usuário do sistema, quero um modo dark para a quantidade de brilho emanada da tela diminuir e o cansaço visual.

• O usuário ao entrar na plataforma terá a exibição do site em modo claro;

• O usuário ao clicar no botão no canto superior esquerdo da tela terá a possibilidade de ativar e desativar o modo dark;

• O usuário poderá clicar no botão em qualquer tela do sistema tendo em vista que o botão sempre estará no canto superior da tela.

Tela de Criação - Upload de Imagens

Eu, como usuário final, desejo criar os tutoriais dentro da plataforma para centralizar o desenvolvimento do tutorial.

• Acessando a tela de criação do tutorial, o usuário só poderá importar imagens;
• Em caso de falha de importação, uma mensagem deve ser exibida;
• Em caso de imagens importadas, os itens podem ser editados (marcar, aumentar, rotacionar) e manipulados adicionando elementos gráficos que representem um roteiro ou sequência (seta, retas, ...);

Ata de Planejamento da Sprint 02

Data de planejamento: 14/10/2022

Participantes

• Desiree Fernandes
• Gleiciane Galdino
• Joanna Batista
• Rayane Sales

Pontos Planejados
Total: 16

Substituição estrutura inicial laravel

Eu como desenvolvedor quero substituir a estrutura do projeto Laravel para adicionar uma estrutura funcional e iniciar o desenvolvimento do sistema.

• Sistema de Login;
• CRUD Tutorial;

Estudando NestJS e Typescript

Eu como desenvolvedor estou estudando NestJS para melhorar minha colaboração no projeto.

• Revisar Js
• Estudar Typescript
• Estudar NestJS

Login do usuário

Eu, como desenvolvedor quero a tela de login para que o usuário acesse a sua conta na plataforma.

• Front-End.
• Back-End.

CRUD Usuário

Eu como usuário quero o CRUD usuário para ter acesso ao sistema e editar ou apagar minhas informações.

• Creat;
• Read;
• Delete;
• Update.

Tela de cadastro do usuário

Eu, como usuário final, desejo ter uma tela para cadastrar os usuários na plataforma.

• O usuário deve encontrar no canto superior direito Landing Page, o link para acesso a tela de cadastro;

• Será exigido do usuário um nome, email e senha;

• Em caso de falha no preenchimento das caixas de texto, um erro deve ser informado visualmente;

• Quando o usuário for cadastrado, ele deve ser direcionado automaticamente para a Home Page;

• Front-end;

• Back-end

Ata de Planejamento da Sprint 03

Data de planejamento: 04/11/2022

Participantes

• Desiree Fernandes
• Gleiciane Galdino
• Joanna Batista
• Rayane Sales

Pontos Planejados
Total: 9

Sistema de migração de Banco de dados

Eu como desenvolvedor quero a Implementação do modelo de banco de dados para o sistema de migração de dados.

Sistema de Login

Eu como usuário quero a inclusão de um sistema de login para me cadastrar e entrar no sistema de forma segura

Visualizar tutoriais do usuário não logado

Eu, enquanto usuário do sistema TutorEasy, quero ter acesso a todos tutoriais na primeira tela e com descrição curta sobre o que se trata para poder sanar as minhas dúvidas com poucos cliques.

Critérios de aceitação

• O usuário deve encontrar tutoriais baseado em aplicações mais comuns ao dia a dia, como WhatsApp ou YouTube.

• O usuário pode salvar os tutoriais favoritos, tanto para baixar como PDF e enviar para alguém que precise, ou para usar posteriormente.

• O usuário deve acessar os tutoriais de forma rápida e sem necessidade de cadastro.

Ata de Planejamento da Sprint 01

Data de planejamento: 16/09/2022

Participantes

• Desiree Fernandes
• Gleiciane Galdino
• Joanna Batista
• Pecris Andrade
• Rayane Sales

Pontos Planejados
Total: 20 pontos

Tela de login do usuário

Eu, enquanto usuário do sistema, quero realizar o login no sistema, para visualizar minha conta e conteúdos.

• O usuário acessando o site deve ter acesso a tela de login para entrar em sua conta já criada e ser direcionado para a home page.

• O sistema não encontrando os dados cadastrados, deve informar para o usuário que houve um erro no acesso ou que ele não possui uma conta.

• A plataforma deve informar para o usuário que ele deve rever os dados inseridos ou redefinir a senha no botão "Esqueci a senha".

• Front-end;

• Back-end

Funcionalidade Speech to Text

Eu, como usuário, quero pesquisar tutoriais através da fala, para uma melhor adaptabilidade e acessibilidade ao conteúdo.

• Ao clicar na barra de pesquisa da plataforma, será apresentado o teclado virtual e um microfone;
• Ao falar, o sistema irá detectar as palavras e digitá-las automaticamente na barra de pesquisa;
• Ao pressionar o botão de pesquisar, serão apresentados os tutoriais disponíveis para aquelas palavras-chave;
• Caso não haja tutorial disponível, apresentar uma mensagem de tutorial não encontrado.

Ata de Encerramento e Retrospectiva da Sprint 01

Data de encerramento: 30/09/2022

Participantes: @desireefernandes, @Gleicianegaldino, @Joanna-Victoria, @pecrisandrade , @Rayaninha

Pontos Planejados: 20
Pontos Realizados: 13

Retrospectiva

Pontos positivos:

1. Estruturação do ambiente nas máquinas.
2. Compreendido a introdução ao uso das tecnologias escolhidas.
3. Adaptação ao fluxo de trabalho.
4. Definição do escopo do projeto.

Pontos de melhoria:

1. Terminar os pontos planejados.
2. Estudo aprofundado nas tecnologias.
3. Cumprimento do Daily Scrum.
4. Comprometimento no projeto.

Ações a serem realizadas:

• Efetuar Daily Scrum.
• Manter os estudos das ferramentas.
• Concluir as issues restantes.

CRUD Tutorial

Eu como desenvolvedor quero desenvolver o CRUD de tutorial para o usuário criar tutoriais no sistema.

• Creat;
• Read;
• Delete;
• Update.

Tela de Criação - Disposição de Itens

Eu, como usuário final, desejo criar os tutoriais dentro da plataforma para centralizar o desenvolvimento do tutorial.

• Os itens principais são: pincel, importação de imagem, opção de pintura e setas de indicação;
• O usuário deve visualizar os itens de desenvolvimento junto à grade;

Revisar ReactJS

Eu como desenvolvedor estou estudando ReactJS para melhorar meus conhecimentos na tecnologia.

Tela de Criação - Finalizar Tutorial

Eu, como usuário final, desejo criar os tutoriais dentro da plataforma para centralizar o desenvolvimento do tutorial.

• Um botão de finalização deve ser adicionado;
• É necessário sinalizar quando o tutorial está pronto para os demais usuários (Finalizado, pronto);
• Após a finalização, deve ser disponibilizado em formato PDF para download dos demais usuários;

Ata de Encerramento e Retrospectiva da Sprint 02

Data de encerramento: 04/11/2022

Participantes: @desireefernandes, @Gleicianegaldino, @Joanna-Victoria, @Rayaninha

Pontos Planejados: 16
Pontos Realizados: 9

Retrospectiva

Pontos positivos:

1. Estudo e compartilhamento do material.
2. Instalação e configuração do setup do react.

Pontos de melhoria:

1. Terminar os pontos planejados.
2. Cronograma.

Ações a serem realizadas:

• Manter os estudos das ferramentas.
• Concluir as issues restantes.
• Terapia.

Front-end inicial

Eu como usuário quero o Front-End do sistema para interagir com a aplicação.

• Index;
• Login;
• Cadastro.

Visualizar perfis de usuários autores de tutorais

Eu, enquanto usuário do sistema, quero ter acesso aos perfis dos outros usuários para visualizar suas informações e conteúdos.

• O usuário pesquisando por um perfil ou clicando em um tutorial deve ter acesso ao responsável pela publicação, com isso ele poderá visualizar as informações públicas do mesmo.

• O perfil encontrado, o visitante deve ter a opção de seguir ou ver os seguidores do usuário em questão e também visualizar todos os tutoriais publicados independentemente de seu formato.

• A plataforma, não identificando o perfil deve informar que o usuário não pode ser encontrado.

Estrutura inicial do projeto Laravel

Eu como desenvolvedor quero a estrutura do projeto Laravel para iniciar o desenvolvimento do sistema.

Alterando a Estrutura do Projeto

Nós como desenvolvedores decidimos remodelar a estrutura do projeto, para melhor atender as nossas necessidades. As mudanças consistem em trocar a tecnologia utilizada, deixando de usar o framework Laravel e o banco MySQL para aplicar o NestJS, React e o PostgresSQL.