Google Drive Clone - Semana JS Expert 5.0

Menu

Sobre o projeto

Funcionalidades

Tecnologias

Preview

Layout

FAQ

Como contribuir

Contato

Siga-me

📖 Sobre o projeto

This project is a clone of the Google Drive interface made with Javascript during JS Expert Week #05. This project has a testing setup, logging and listing of downloaded files

🚧 In development 🚧

---

📝 Checklist Funcionalidades

• Web API

  • Deve listar arquivos baixados
  • Deve receber stream de arquivos e salvar em disco
  • Deve notificar sobre progresso de armazenamento de arquivos em disco
  • Deve permitir upload de arquivos em formato image, video ou audio
  • Deve atingir 100% de cobertura de código em testes

• Web App

  • Deve listar arquivos baixados
  • Deve permitir fazer upload de arquivos de qualquer tamanho
  • Deve ter função de upload via botão
  • Deve exibir progresso de upload
  • Deve ter função de upload via drag and drop

---

🚀 Tecnologias

This project was developed with the following technologies:

• jest
• pino
• pino-pretty
• pretty-bytes
• socket.io

---

👀 Preview

🎨 Layout

The layout was adapted from the project by Leonardo Santo available at codepen.

---

🌄 Desafios

1. Backend: Salvar o arquivo na AWS ou qualquer serviço de storage
   • Nosso projeto hoje armazena arquivos em disco. o desafio é você via Stream, fazer upload para algum serviço na nuvem
   • Como plus, manter 100% de code coverage, ou seja, crie testes para sua nova feature
2. Frontend: Adicionar testes no frontend e alcançar 100% de code coverage
   • Você aprendeu como fazer testes no backend. Usar o mesmo processo para criar testes unitários no frontend com Jest
   • Caso tenha duvidas, acesse o exemplo e deixe uma estrela!
3. Infraestrutura: Publicar aplicação com seu SSL customizado em máquina virtual
   • Você aprendeu a gerar SSL local, o desafio é você criar um certificado (pode ser com o Let's Encrypt) e adicionar na sua aplicação

🐛 FAQ

• NODE_OPTIONS não é um comando reconhecido pelo sistema, o que fazer?

  • Se você estiver no Windows, a forma de criar variáveis de ambiente é diferente. Você deve usar a palavra set antes do comando.
  • Ex: "test": "set NODE_OPTIONS=--experimental-vm-modules && npx jest --runInBand",

• Certificado SSL é inválido, o que fazer?

  • Esse erro acontece porque gerei um certificado atrelado ao usuário da minha máquina.
  • Você pode clicar em prosseguir no browser e usar o certificado invalido que o projeto vai continuar funcionando, mas se quiser gerar o seu próprio, escrevi o passo a passo em ./certificates

• Rodei npm test mas nada acontece, o que fazer?

  • Verifique a versão do seu Node.js. Estamos usando na versão 16.8. Entre no site do node.js e baixe a versão mais recente.

⚙️ Como contribuir

- Faça um fork desse repositório;
- Crie uma branch com a sua feature: git checkout -b minha-feature;
- Faça commit das suas alterações: git commit -m 'feat: Minha nova feature';
- Faça push para a sua branch: git push origin minha-feature;

---

📫 Contato

Siga-me

---

Este projeto foi desenvolvido com ❤️ por Jéferson Pinheiro, com o instrutor Erick Wendel durante a Semana JS Expert 05
Se te ajudou, dá ⭐, vai me ajudar também 😉