- Sobre o Projeto
- Deploy
- Stack Utilizada
- Como rodar o projeto
- Desktop Layout
- Mobile Layout
- Autores Originais do Projeto
- Projeto atualizado por
O F4bank foi o primeiro projeto realizado em grupo. Neste projeto eu fui responsável por fazer a parte do formulário. Mas, a finalidade desse projeto foi muito além de aplicar conhecimentos em HTML e CSS para construir uma landing page. Nos possibilitou trabalhar em grupo, superar os desafios de horários e trocar conhecimento, já que todos nós vinhamos estudando sozinhos antes de fazer o Bootcamp da Labenu.
Durante a construção do projeto o maior desafio foi a questão da disponibilidade de horários para nos reunir. Porém, o superamos e utilizamos técnicas da metodologia ágil Scrum e utilizamos o Trello para mapearmos a nossa evolução.
Além disso, também tivemos problemas de conflitos de códigos que terminou ficando pendente por conta da falta de experiência com merges e resolução de conflitos de código. No entanto, após concluir o bootcamp em abril de 2023, esse foi um dos projetos que decidi refatorar por se tratar de um problema real que pode acontecer durante a construção de projetos em equipe.
- ✅ Conflitos no versionamento de códigos.
- ✅ Problemas de responsividade.
- ✅ Excui arquivos desnecessários para o projeto e que estavam ocupando espaço útil.
- ✅ Realizei pull request para os colegas aceitarem as alterações na branch original do projeto.
O projeto original foi hospedado no Surge mas eu decidi hospedar esta versão na Vercel. Pessoalmente é o servidor que atualmente gosto de hospedar meus projetos. Possui um layout que me agrada, facil e rápido para configurar o deploy, possui possibilidade de ver as atualizações feitas em 'tempo real' de produção e aparentemente o link não expira após 298 dias.
Projeto original - junh 18, 2022
https://holistic-loss.surge.sh/
Projeto atualizado - jul 26, 2023
f4-bank-landing-page.vercel.app
Clone o projeto via HTTPS
git clone https://github.com/rafix923/F4Bank-landing-page.gitEntre no diretório do projeto
- cd F4Bank-landing-pageAcesse o repositório raiz
cd F4Bank-landing-pageBaixe e instale a extensão do visualizador de sua preferência. Eu utilizo o Live Server
Name: Live Server
Id: ritwickdey.LiveServer
Description: Launch a development local Server with live reload feature for static & dynamic pages
Version: 5.7.9
Publisher: Ritwick Dey
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Mesmo resolvendo os problemas acima, decidi manter o layout do projeto o mais próximo possível do original.
