Teste para a vaga de desenvolvedor fullstack na SoftWrap

Sobre   |    Demo Website   |    Tecnologias   |    Funcionalidades   |    Como rodar   |    Issue   |    Licença

🔖 Sobre

Esse teste consistia em fazer uma página para listagem dos usuários e outra para cadastro, edição e deleção. Para publicação do teste utilizei a Vercel, você pode acessá-lo aqui TesteDevFullStack , porém após publicá-lo ele está apresentando vários registros vazios em tela os quais não existem no banco, vou verificar e atualizo o repositório e utilizei como banco de dados o Firebase, não conheço bem sobre o firebase, porém quando publiquei a minha api na heroku, ela ficava offline, não retornava nenhum erro na publicação, mas não rodava então preferi perder um tempo com o firebase que fazia mais sentido para vaga, do que com o heroku, foi muito fácil lançar a api no firebase, porém nem tudo na aplicação funciona ainda "gostei do projeto, principalmente do layout o que ficou bem fiel ao protótipo e gastei bastante tempo, então vou estudar mais e melhorá-lo". O projeto foi desenvolvido em NextJs até mesmo por já hospedar na Vercelcom context, components e hooks, a api em Firebase, para a estilização usei o styled components pois ele deixa as coisas mais organizadas e um estilo não afeta os outros.

Screenshots

Vou verificar se posso disponibilizar os protótipos.

👀 Demo Website

Você pode acessar o site demo em: https://teste-front-end-wftom.vercel.app/

💻 Tecnologias

Esse projeto foi feito usando as seguintes tecnologias:

• NextJS
• ReactJS
• TypeScript
• styled components

💥 Como rodar

• Requisitos

  • É necessário ter Node.js instalado no computador.
  • Além disso, é necessário ter um gerenciador de pacotes NPM ou Yarn.
  • É opcional ter Git instalado e configurado no computador, mas é melhor ter.

• Observação

  • Este projeto foi desenvolvido com node.js v14.17.0, você pode verificar sua versão usando node -v

# Clone o repositório
$ git clone https://github.com/wfTom/test-front-end.git

💻 Execute o Projeto

# Vá na pasta test-front-end
$ cd test-front-end

# Instale as dependências
$ yarn install ou npm install

#Crie o arquivo .env.local, existe o .env.example mostrando as variáveis de ambiente

# Rode a aplicação
$ yarn start ou npm run start

Acesse a aplicação em http://localhost:3000/

🐛 Issues

Sinta-se à vontade para registrar uma issue com um título e descrição no repositório TesteDevFullStack. Se você já encontrou uma solução para o seu problema, adoraria revisar sua solicitação de pull! É legal se puder deixar um feedback.

📕 Licença

Lançado em 2021

Feito com ❤︎ por wfTom 🚀. Este projeto está sob a MIT license.

Dê uma ⭐️ se este projeto te ajudou!