Projeto desenvolvido na trilha Omnistack da Next Level Week 2 promovida pela Rocketseat entre os dias 3 e 7 de agosto de 2020. Esse projeto teve como intuito desenvolver minhas habilidades relacionadas a front-end e back-end e se trata de uma aplicação para professores e alunos se conectarem.
Layouts: clique aqui
As tecnologias usadas para desenvolver este projeto foram:
No primeiro dia foi explanado coisas sobre o método utilizado pela Rocketseat em seus cursos (Foco, pratica, grupo). Vimos o um pouco do impacto desse método na vida de alunos dos cursos.
Tivemos o primeiro contato com o ReactJS, componentes, como funciona o Typescript dentro do projeto, pra que servem os arquivos criados a partir do "create-react-app" e começamos a cordar as primeiras partes do Proffy. Demos também inicio a páginação da aplicação com o react-router-dom.
- Estruturar e estilizar da landing page ✔
- Configurar navegação ✔
- Estruturar e estilizar da listagem de professores ✔
- Criar componentes comuns ✔
No segundo dia foi esclarido a importancia de escolher uma stack e ficar de olho nas oportunidades, se mantendo sempre preparado, e ter uma boa network e se manter visível nas redes ser um diferencial enorme quando os recrutadores estiverem buscando por profissionais.
Criamos uma API REST com Node com Express, utilizando Knex para fazer migrations.
- Identificar casos de uso ✔
- Configurar conexão com o banco ✔
- Criar tabelas no banco de dados ✔
- Cadrastro de aulas ✔
- Listagem de aulas ✔
- Criar número total de conexões ✔
Foi abordado a importancia de levar em consideração o momento, contexto e objetivo ao escolher uma stack para se trabalhar. Que tipo de profissional está sendo buscado? Qual é o tamanho da comunidade? Que tipos de problemas ela resolve? e outras perguntas são interessantes de se fazer ao escolher as técnologias que tomarão seu tempo de estudo e dedicação.
- Estruturar e estilizar página de cadastro ✔
- Novos componentes comuns ✔
- Integração com API
- Preparando cadastro de horários ✔
- Carregando total de conexões ✔
- Cadastro de novas aulas ✔
- Listagem de professores ✔
Manter o foco e não pular etapas são coisas essênciais para o crescemento de um profissional. Querer conhecer novas tecnologias é bom, mas não pode ser prioridade se você quer conhecer só por conhecer. Praticar é a chave mestra que serve para criar uma distancia entre você e quem não faz nada além de copiar código. Ter um grupo/ comunidade disposta a ver seu crescimento e sanar suas duvidas é uma ferramenta incrível e que muito ajuda no senso de equipe. Foco, pratica e grupo são os pilares de um bom desenvolvedor.
Quarto dia foi o dia em que demos inicio a criação do aplicativo mobile com react native utilizando Expo.
- Iniciar projeto utilizando Expo ✔
- Estruturando e estilizar tela de entrada ✔
- Navegação da tela inicial ✔
- Página "Dar aulas" ✔
- Páginas internas ✔
- Navegação stack/ tabs ✔
- Criação de componente comum ✔
Ir além do comum é o maior desafio para quem quer se destacar. Por isso a milha extra é um fator importante para qualquer dev que deseja crescer e sempre se manter a frente de outros profissionais.
Esse último dia foi inteiramente para fazer a integração da API com a aplicação mobile, além de finalizar alguns detalhes no layout.
- Listagem de professores ✔
- Filtro ✔
- Integração com a API ✔
- Carregando total de conexões ✔
- Listando professores ✔
- Contato via Whatsapp ✔
- Adicionar e remover Proffys favoritos ✔
- Listagem favoritos ✔
Notion com a lista completa (click aqui)
# Para clonar esse repositório
$ git clone https://github.com/magdielndantas/rocketseat-nlw2-proffy
Para clonar e dar start nesta aplicação voce deverar ter instalado o Git, Node.js + Yarn v1. No seu terminal de comando digite:
Para rodar o servidor:
# Entre na pasta web
$ cd server
# Instale as dependencias
$ yarn
# Rode a aplicação
$ yarn start
Agora acesse no navegador: http://localhost:3333
Para clonar e dar start nesta aplicação voce deverar ter instalado o Git, Node.js + Yarn v1. No seu terminal de comando digite:
Para rodar o front-end web:
# Entre na pasta web
$ cd web
# Instale as dependencias
$ yarn
# Rode a aplicação
$ yarn start
Agora acesse no navegador: http://localhost:3000
Para clonar e dar start nesta aplicação voce deverar ter instalado o Git, Node.js + Yarn v1. No seu terminal de comando digite:
Para rodar a apricação mobile:
# Entre na pasta mobile
$ cd mobile
# Instale as dependencias
$ yarn
# Rode a aplicação
$ yarn start
ou
$ expo start
Agora basta ler o QRCode com o aplicativo Expo no celular ou usar um emulador
Agradeço a toda equipe da Rocketseat, especialmente aos instrutores Diego Fernandes e Mayk Brito, por se dedicarem a construir e destribuir tanto conhecimento de forma gratuita. Não agredeço apenas a eles, mas a toda comunidade que fez parte dessa semana tão repleta de conteúdo, creio que parte do que fiz não seria possível sem ajuda todos.
Todo o projeto foi codado por Magdiel Dantas sob instrução de Diego Fernandes
Discord Oficial da Rocketseat