A ideia do Struct surgiu a partir da necessidade de organização estudantil notada pelos integrantes do grupo, uma vez que esses identificaram dificuldades em encontrar uma maneira efetiva que auxiliasse no processo de gerenciamento de estudos do cotidiano universitário.
- Já teve dificuldade de organizar suas disciplinas e seus materiais;
- Não se lembra das datas das suas tarefas;
- Esta sempre se sentindo improdutivo;
- Já perdeu a conta da quantidade de faltas que já teve em um semestre;
- Passou horas e horas calculando suas notas;
- Não consegue manter o foco durante o tempo de estudo;
- Sempre tira fotos da lousa e nunca passa pro caderno;
- Já se sentiu improdutivo no semestre por desorganização (e começou a perceber que faltava tempo para aquele rolê universitário tão esperado 🍻🙃).
O Struct chegou para facilitar sua vida acadêmica! Venha conhecê-lo!
Tela inicial de disciplinas sem dados.
Tela inicial de disciplinas com dados.
Tela de cadastro de disciplina.
Tela de edição de uma disciplina.
Tela de filtros de disciplinas.
Tela de filtros de tarefas por disciplinas.
Tela inicial de atividades avaliativas sem dados.
Tela inicial de atividades avaliativas com dados.
Tela de cadastro de atividade avaliativa.
Tela de edição de atividade avaliativa.
Tela de filtro de atividades avaliativas.
Tela inicial de tarefas sem dados.
Tela inicial de tarefas com dados.
Tela de cadastro de uma tarefa.
Tela de edição de uma tarefa.
Tela de filtro de todas as tarefas.
Tela de gráfico de todas as tarefas.
Tela inicial do Pomodoro sem dados.
Tela inicial do Pomodoro com dados.
Tela de cadastro de um pomodoro.
Tela de edição de um Pomodoro.
Tela do Pomodoro (clock).
Tela finalização de todos os ciclos de Pomodoro.
Modal de explicação do sistema Pomodoro.
| Nomes dos integrantes. | RA. | Perfil de usuário. | Área de atuação. |
| Anderson Correia. | 0030482121036 | Anderson815 | Estudante de desenvolvimento Back-end. |
| Giovana Freitas. | 0030482121007 | Giovanaasf | Estudante de Gestão de Projetos. |
| Gustavo Rocha. | 0030482121034 | MyNameIsGustavo | Estudante de desenvolvimento Front-end e Mobile. |
| Nataly Rocha. | 0030482121011 | Nataly-costa | Estudante de desenvolvimento Back-end e Gestão de Projetos. |
Este é um guia para configurar e executar a aplicação mobile de gerenciamento de estudos universitários da FATEC - Sorocaba. Abaixo estão listadas as ferramentas necessárias, instruções de configuração e passos para executar o projeto.
Certifique-se de ter as seguintes ferramentas instaladas em sua máquina:
- Node (versão 17.0.0 ou inferior);
- Expo Go (Aplicativo móvel);
- Expo-Cli;
- Expo;
- Git.
Siga os passos abaixo após ter instalado as ferramentas necessárias:
-
Clone o repositório para sua máquina local usando o seguinte comando:
git clone https://github.com/struct-tg/Front-end.git -
Navegue até o diretório do projeto clonado:
cd <nome do diretório> -
Instale as dependências do projeto utilizando o NPM ou Yarn:
- Usando NPM:
npm install - Usando Yarn (caso você tenha o Yarn instalado):
yarn install
- Usando NPM:
Ambos os comandos vão ler o arquivo package.json no diretório do projeto e instalar todas as dependências listadas nele.
- Inicie o servidor de desenvolvimento utilizando o comando:
npx expo start
Quando esse processo for concluído com sucesso, o console exibirá o "Metro Bundler" com opções para prosseguir.
- Por fim, utilize o aplicativo "Expo Go" instalado em seu celular e escaneie o QR Code exibido no console do Metro Bundler. É importante estar conectado à mesma rede de internet em que o servidor foi iniciado, caso contrário, o projeto não passará pelo processo de build corretamente.
-
Components: Nesta seção, listam-se todos os componentes de acesso global para a aplicação, ou seja, aqueles que podem ser utilizados em várias partes do projeto.
-
Contexts: Aqui, são listados todos os contextos que foram utilizados ao longo do desenvolvimento do projeto. Os contextos são elementos cruciais para compartilhar dados entre diferentes partes da aplicação.
-
Screens: Esta seção está dividida em "OutsideAPP" e "InsideAPP", cada uma contendo suas respectivas telas. Cada tela possui uma lista de componentes de acesso local, ou seja, aqueles que são específicos para aquela tela em particular.
-
Services: A pasta "Services" é o local onde estão armazenadas todas as requisições utilizadas durante o desenvolvimento do projeto. Estas requisições podem incluir chamadas a APIs externas, consultas a bancos de dados, ou outras operações que envolvam a obtenção de dados.
-
Styles: Aqui, são definidas as estilizações padronizadas de acesso global para a aplicação. Estas definições de estilo podem ser aplicadas de forma consistente em toda a aplicação, garantindo uma aparência uniforme.
-
Utils: A seção de "Utils" é o local onde estão armazenadas todas as funções utilizadas para lidar com problemas comuns que surgem durante o desenvolvimento do projeto, como formatações de datas, manipulação de strings, ou qualquer outra tarefa que seja necessária de forma recorrente ao longo do projeto.
Sobre o uso do Expo: A escolha de utilizar o Expo foi motivada pela sua facilidade de desenvolvimento, uma vez que apenas um dispositivo móvel com o Expo Go instalado é necessário para emular o projeto. Embora apresente algumas limitações devido à natureza da emulação, os benefícios superam amplamente as desvantagens. O Expo simplifica o processo de desenvolvimento e testes, proporcionando um ambiente acessível para a equipe.
Sobre o Styled-Components: A decisão de adotar o Styled-Components foi baseada na sua simplicidade de desenvolvimento, pois utiliza uma sintaxe semelhante ao CSS. Isso torna o código mais compreensível para todos os membros da equipe do trabalho de graduação. Apesar de algumas desvantagens, como a necessidade de muitas linhas de código para obter um resultado pequeno semelhante ao CSS tradicional e os desafios de tornar os componentes responsivos em diferentes dispositivos, os benefícios de usar o Styled-Components superam significativamente essas limitações.
Essas escolhas foram feitas com o objetivo de otimizar a eficiência e a colaboração da equipe, facilitando o desenvolvimento e a manutenção do projeto, e, até o momento, têm se mostrado vantajosas.
- Node JS: Node.js
- Documentação Expo-Cli: Expo CLI
- Expo Tools: Get Expo Tools
- Git: Git - Downloads