Desafio de Projeto | Portfólio
- #HTML
- #JavaScript
- #CSS
Meu portfólio foi feito com HTML, CSS, JS e Bootstrap. Eu mudei o design porque quis deixar com "minha cara", mas segui a ideia base do que foi proposto nos cursos e na descrição do desafio. Como funcionalidades extra, eu decidi acrescentar um modo escuro e a possibilidade de aumentar ou diminuir a fonte. As demais informações sobre o meu código estão detalhadas no README do repositório https://github.com/livnascimento/portfolio
Essa foi a primeira vez que eu só entendi a ideia base do desafio e desenvolvi meu próprio código por conta própria, sem ficar copiando cada linha que o professor digitava e eu sinto que eu aprendi mais com esse código do que com todos os outros juntos.
Depois de finalizar o projeto, eu assisti as aulas do professor e consegui otimizar algumas partes que eu havia escrito, é claro. E meu código não ficou perfeito nem depois disso, tenho certeza que algum programador mais experiente acharia vários "defeitos", mas mesmo assim eu estou muito satisfeita com o resultado final.
Esse desafio de projeto faz parte da Formação Javascript Developer e se o seu foco também for JS (e se você ainda não iniciou a formação), eu recomendo muito que inicie agora.
Aos devs de outras linguagens que estudam por aqui, tentem se afastar mais (de um jeito positivo) da proposta inicial, isso é realmente muito libertador.
Obrigada por lerem até aqui :)
Ficou lindo Lívia!
wow ficou muito bonito! parabéns pelo projeto 👏
TH
Posso dar algumas sugestões?
1. Ao mudar as cores da página para escuro ou claro, salvar no LocalStorage a preferência do usuário, e assim, quando abrir o site novamente será lido o valor salvo no LocalStorage no navegador atual e aplicado a página.
1.1. Também pode detectar a preferência de cores do navegador Web do usuário, e mudar de acordo com a configuração do navegador deixando claro como cor padrão. Essa configuração no Firefox fica em "Idioma e Aparência". Veja sobre como detectar as cores do navegador: https://htmldom.dev/detect-the-dark-mode/
2. As cores claras não estão legais, mas isso é só a minha opinião. Por exemplo, rosa claro no fundo com o texto em cor branca
3. O formulário de contato não funciona. Após o envio do formulário deveríamos ser direcionados para o endereço: http://127.0.0.1:5500/src/views/thanks.html - falta apenas ajustar o endereço para o redirecionamento: https://livnascimento-portfolio.netlify.app/src/views/thanks.html
3.1. Acredito que você não recebeu nenhum dos dois testes que fiz no formulário, tem algum problema com esse formsubmit. Sugestão para isso: se você tiver conta no Telegram, pode usar a API dele pra enviar o formulário de contato direto pra você.
4. Vocẽ pode melhorar o SEO do site e colocar ele no Bing ou no Google, pelo Google Search Console. Assim, melhorando também o conteúdo do site você pode ser achada pela pesquisa.
AA
Parabéns Lívia, ficou bem bacana.
Muito massa, Livia!! Parabéns!!
Parabéns!!
Ficou bacana!
Caramba Livia ficou muito legal! parabéns!
uma sugestão, eu adicionaria uma cor diferente para cada ScrowSpy ativo a esquerda, tipo quando a pessoa clicar e descer para a próxima informação da página, ele mudar a cor para mais escuro ou mais claro. Mas é só uma sugestão mesmo. Já está muito bom do jeito que está!