rafaelfachinelli/proffy-advanced

👨‍🏫 Plataforma para cadastro e busca de aulas particulares. Utilizando linguagens avançadas do desenvolvimento web como: ReactJS, React Native e NodeJS.

Demonstração • Sobre • Roteiro • Status • Executar • Tecnologias • Autor • Licença

---

🎥 Demonstração

💻 WEB DESKTOP

📱 WEB MOBILE

Busca	Cadastro

---

💻 Sobre

A plataforma é para estudantes e professores. Os professores realizam o cadastro inserindo as seguintes informações: Nome, biografia, whatsapp, disciplina e dias da semana com horários disponíveis para aula. Os alunos buscam professores particulares através do filtro de dia da semana, hora e matéria.

Projeto desenvolvido durante a Next Level Week#2 (NLW) na avançada Trilha Omnistack oferecida pela Rocketseat. O NLW é uma experiência online com muito conteúdo prático e desafios com duração de uma semana para conclusão.

---

📝 Roteiro

Clique para Visualizar

Estado	Plataforma	Tarefa
✔️	💻	Estruturar página inicial
✔️	💻📱	Estilizar página inicial
✔️	💻	Estruturar página de busca
✔️	💻📱	Estilizar página de busca
✔️	💻	Configurações iniciais do servidor
✔️	💻	Estruturar rotas do servidor
✔️	💻	Estruturar página de cadastro
✔️	💻📱	Estilizar página de cadastro
✔️	💻	Preparar cadastro de horários
✔️	💻	Carregar total de conexões na página inicial
✔️	💻	Funcionalidade de cadastrar novas aulas
✔️	💻	Listagem de professores na página de busca
✔️	💻	Criar projeto do aplicativo mobile com Expo
✔️	📱	Estruturar página inicial do aplicativo
✔️	📱	Estilizar página inicial do aplicativo
✔️	📱	Navegação página inicial do aplicativo
✔️	📱	Desenvolver navegação em stack do aplicativo
✔️	📱	Estruturar página de dar aulas do aplicavo
✔️	📱	Estilizar página de dar aulas do aplicavo
✔️	📱	Desenvolver navegação de páginas internas do aplicavo
✔️	📱	Desenvolver navegação em abas do aplicativo
✔️	📱	Desenvolver componente header das páginas
✔️	📱	Estruturar página de busca do aplicativo
✔️	📱	Conexão da API
✔️	📱	Listagem de professores
✔️	📱	Filtro de professores
✔️	📱	Lista de favoritos
✔️	📱	Listagem de favoritos
✔️	📱	Adição e remoção de favoritos
✔️	📱	Listagem de professores

---

📐 Status do Projeto

👨‍🏫 Proffy v1.0 concluído !

---

📀 Executar o Projeto

🖥️ WEB Responsivo

Entre na pasta web/ e execute os seguintes comandos:

com npm

# Instalar dependências
$ npm install

# Iniciar servidor de desenvolvimento
$ npm start

com yarn

# Instalar dependências
$ yarn

# Iniciar servidor de desenvolvimento
$ yarn start

⚠️ O servidor de desenvolvimento iniciará na porta:3000 - Acesse http://localhost:3000

🌐 Servidor

Entre na pasta server/ e execute os seguintes comandos:

com npm

# Instalar dependências
$ npm install

# Criar banco de dados
$ npm knex:migrate

# Iniciar servidor
$ npm start

com yarn

# Instalar dependências
$ yarn

# Criar banco de dados
$ yarn knex:migrate

# Iniciar servidor de desenvolvimento
$ yarn start

⚠️ O servidor iniciará na porta:3333 - Acesse http://localhost:3333

⚠️ O Banco de Dados fica salvo em src/database/database.sqlite

📱 Aplicativo

Entre na pasta mobile/ e execute os seguintes comandos:

com npm

# Instalar dependências
$ npm install

# Iniciar servidor de desenvolvimento
$ npm start

com yarn

# Instalar dependências
$ yarn

# Iniciar servidor de desenvolvimento
$ yarn start

⚠️ O expo para desenvolvimento iniciará na porta:19002 - Acesse http://localhost:19002

⚠️ No arquivo api.ts dentro da pasta mobile/src/services/ é necessário colocar o seu IP local na variável baseURL, mantendo a porta 3333 do servidor.

---

🔨 Tecnologias

As seguintes ferramentas foram utilizadas na construção do projeto:

WEB Responsivo	Servidor	Aplicativo
HTML5	Node.JS	Expo
CSS3	Express	React Native
Typescript	SQLite	Expo Google Fonts
ReactJS	KnexJS	React Navigation
	Axios

---

👦 Autor

---

📄 Licença