Projeto Proffy 2.0

Objetivo

Aprender tecnologias mais utilizadas no mercado como React e React Native, NodeJS e muito mais.

O que é

Este projeto faz parte da Next Level Week 2.0 da Rocketseat, que consiste em uma série de 5 vídeo-aulas ensinando a como trabalhar com as tecnologias mais utilizadas no mercado, tudo na prática. Neste repositório estão os arquivos tanto do frontend quanto do backend da aplicação, assim como a versão mobile.

A aplicação consiste em um sistema para estudantes e professores interagirem entre si, onde os estudantes podem visualizar o que cada professor cadastrado ensina, assim como saber um pouco mais sobre ele.

Atualização

O projeto sofreu uma atualização por conta dos desafios propostos ao final do evento da Next Level Week 2.0, sendo adicionadas as seguintes funcionalidades:

Layout

Refeito layout da versão web
Refeito layout da versão mobile

Autenticação de usuários

Login
Cadastro
Recuperação de senha
Lembrar usuário no próximo acesso

Perfil de usuário

Possibilidade de editar informações como a biografia e o número de telefone
Possibilidade de remover aula cadastrada e se tornar estudante
Possibilidade de alterar a foto do perfil

Listagem de Proffys

Agora os horários de cada Proffy aparece em seu cartão proffy
Melhorias na filtragem de Proffys
Adicionado paginação e rolagem infinita para melhor performance e experiência de usuário

Proffys favoritos (apenas mobile)

Agora os favoritos são salvos no banco de dados e não mais no AsyncStorage do dispositivo móvel

Tecnologias utilizadas

React
React Native
Expo
- AsyncStorage
Node
- Express
- Knex com SQLite3
- Axios
- Cors

Voltar ao topo

Instalação

Configurando os arquivos do projeto

Para instalar o projeto da aplicação em sua máquina, siga os passos a seguir:

Antes de tudo, verifique se você tem instalado em sua máquina o NPM ou YARN;
Clone este repositório;
Abra o terminal de sua preferência na pasta do repositório clonado;
Usuários NPM: execute npm install | Usuários YARN: execute yarn add para instalar todas as dependências do projeto.

Servidor

Agora que você possui todos os arquivos necessários para rodar o projeto, primeiro você deve iniciar o servidor backend da aplicação, seguindo os passos abaixo:

Na pasta server: usuários NPM: execute npm run knex:migrate | usuários YARN: execute yarn knex:migrate para configurar o banco de dados da aplicação;
Após o banco de dados ser configurado: usuários NPM: execute npm start | usuários YARN: execute yarn start para rodar o servidor na porta 3333.

Com o servidor rodando, agora você pode escolher entre rodar a versão web ou mobile da aplicação, seguindo os passos a seguir:

Aplicação Web

Apenas entre na pasta web, abra o terminal e execute: usuários NPM: npm start | usuários YARN: yarn start para rodar a aplicação.

Aplicação Mobile

Para rodar a aplicação mobile, você deve fazer o download do expo em seu dispositivo móvel ou em um emulador;
Com o expo instalado, entre na pasta mobile e abra o terminal;
Usuários NPM: execute npm start | Usuários YARN: execute yarn start para iniciar o servidor expo da aplicação;
Abra o aplicativo do expo no seu celular ou emulador e abra o projeto iniciado na etapa anterior utilizando o QRCode ou digitando o endereço ip do servidor.

IMPORTANTE: antes de iniciar a aplicação mobile, configure para que o endereço ip da aplicação esteja de acordo com a conexão de internet que está utilizando! Para fazer isso, siga os passos a seguir:

Na pasta mobile, acesse o arquivo localizado em src/axios-config.ts;
Dentro do arquivo, altere o endereço ip antes da porta 3333 para o seu endereço ip.