Um projeto para gerenciar os pontos ganhos por partida em eventos do jogo League Of Legends.
Este projeto foi criado após uma necessidade do meu irmão de gerenciar seus pontos ganhos por vitorias ou derrotas, neste aplicativo você encontra um modo de gerenciar os dias e os pontos ganhos para obter uma media e saber seu progresso durante os dias, além de ser uma otima oportunidade para treinar meus conhecimentos de desenvolvimento web!
Você já pode utiliza-lo para gerenciar seus emblemas! Ou apénas entre a vejá funcionando agora!
Vejá o Site Funcionando! Clique Aqui!
Nesta pagina temos um sistema de login, que pega as informações basicas, como quantos emblemas você possui atualmente, seu objetivo de quantos emblemas deseja, e quando deseja começar a contar e também quando o evento termina, tudo com uma validação simples, e após entrar novamente, não será mais necessário registrar os dados...
Nesta pagina temos o inicio do layout, ele ainda está em desenvolvimente e em breve pegara as informações que foram passadas na pagina de login para manipular corretamente o conteúdo!
Nesta outra secção da pagina de informações teremos detalhes sobre a situação atual, podendo se expandir no futuro, este local se obtem uma informação mais detalhada e ajustes mais precisos, como a injeção de dados em dias especificos, e também infromações completas sobre as derrotas vitorias e os pontos necessario e restantes da temporada. E por ultimo, se necessário, você pode extender a data e mudar seu objetivo atual! assim você não perde seu status ou se colocou a data errada, ainda da tempo de consertar!
- Visual Studio code
- HMTL5
- CSS3
- Javascript (puro)
- Desenvolvimento web front-end, principalmente em css e html.
- Conceitos sobre formatação e manipulação de data em javascript.
- Responsividade, em ultrawide e widescreens.
- Salvamento de dados por localstorage.
Este projeto demorou 4 dias para começar a ser utilizavel, e com ele tive muitos aprendizados, ele ficou melhor do que eu esperava, pois eu estou estudando esta area de front-end faz 3-4 semanas.
Outro desafio deste projeto é que eu pretendia colocar no github-pages, então não teria uma forma de trabalhar com back-end, por este motivo optei por utilizar o localstorage ao invez de um banco de dados.
Também optei por realizar tudo, desde o login até a visualização, em apénas uma pagina, e o motivo foi para poder fazer um fluxo mais continuo, porém acabou não dando certo...
Uma das maiores dificuldades encontradas foi em realizar o posicionamento dos itens por css, a programação é um pouco complexa, porém já estou acostumado com isso, e não chegou a ser um desafio, porém eu acho que poderia ter feito um codigo mais limpo...
- user-name
- date-start
- date-end
- date-duration
- emblems-start
- emblems-objective
- emblems-actual
- bonusTot
- consume-pts
- victory-pts
- defeat-pts
- (ID)-val