Executando verificação de segurança...
4

[PROJETO] SlideGo

Salve, galera!

Meu último projetinho foi um site de slides. A ideia foi desenvolver minhas habilidades com IndexedDB e SheetsDB, já que são formas de armazenamento no front-end mais robustas do que o localStorage, que era o único método que eu conhecia até então.

O site ficou simples, mas funcional: dá para adicionar, editar e remover imagens. Os dados são armazenados no IndexedDB, então a persistência está garantida.

Eu tenho a mania de pegar algo que deveria ser simples e sair adicionando funcionalidades só pelo roleplay. Tipo: a ideia já cumpriu o propósito, mas por que finalizar se dá pra adicionar features só pra entreter o usuário?

Vou deixar abaixo algumas ideias que tive. Se quiserem, podem sugerir outras, vou anotar as mais criativas e talvez adicionar no projeto no futuro.

  • Presets de imagens: opção para o usuário clicar em um preset e o carrossel já carregar automaticamente com imagens temáticas (Natal, Carnaval, Esporte, Política, Cultura Pop etc.).
  • Níveis: adicionar, editar e deletar imagens gera XP. Com o acúmulo de XP, o usuário sobe de nível e ganha recompensas (definidas nas próximas ideias).
  • Molduras / layouts: atualmente o carrossel usa o layout padrão do Bootstrap. No futuro, teria outras variações de layout e estilos de moldura.
  • Missões: sistema de quests no estilo RPG, com metas diárias e marcos como primeira ação do dia ou atingir 10, 50, 100 imagens adicionadas. Cada missão concede recompensas.

Não são ideias incríveis nem nada do tipo, é mais um exercício de criatividade. Igual quando você era criança: você podia simplesmente desenhar um dinossauro, mas preferia desenhar um dinossauro com braços mecânicos, que cospe fogo e tem uma clava no lugar da cauda. É útil? Nem um pouco. Mas é divertido testar até onde dá pra esticar uma ideia simples.

se quiserem da uma olhada:

Link direto para o site

Repositorio GitHub

Carregando publicação patrocinada...
Conteúdo excluído
2

Muito obrigado pelo comentario e recomendaçoes, fico muito grato por ter gasto seu tempo para me ajudar!!

Sobre não estar aceitando outras imagens alem de url, é que eu fiz o com base no meu outro projeto que recebia url e carregava em a imagem, so que essa versao carrega no carrossel, voce ate chegou a comentar sobre isso, mas no futuro vou atualizar isso sim, vai ter opçoes de adicioanar screenshot, imagens salvas no computador, imagens pre salcas ja do site, etc...

e sobre o media-enem, foi um que eu adaptei de um projeto do curso da ebac, no curso era um programa so de medias de atividades, vc definia a nota de corte e depois as notas das atividade e no final edscobria se tava acima da nota de corte ou não, eu fiz o meu ja focado na nota do enem, mas ainda ta no começo, como todos meus proejetos esse eu tambem vou atualizar com o tempo kkk, tenho ideia de adicionar simulados passados, teste, recomendaçoes de estudos, etc... alem que quero usar alguma api que consiga a nota de corte atualizada e com as universidades, tambem vai ter a opçao de login para ter historicos dos testes feitos, recomendar universidades proximas, etc...

Como pode ver todos meus projetos eu tenho planos de melhoria, mas fico pulando de projeto para projeto pq quero ir evoluindo todos eles juntos.

Obrigado pelas dicas vou aplicar!

  • Eu ja ate sabia sobre o google fonts mas quase nunca usava depois que descobrir o bootstrap, mas vou voltar a usar para o projeto nao ser algo muito padronizado!

  • As cores eu n sou bom escolhendo entao acabo pegando paletas de outros sites, nesse projeto me inspirei no site do LOL, que tem esse azul marinho e ciano, e usei um rosa para contrastar com o ciano, mas vou buscar por cores menos fortes so que eu nao sei escolher bem kkk

  • essa dica do border foi muito boa, eu adimito que faço as bordas por 'vibes' por isso as minhas não sao muito padronizadas pq eu nao sabia fazer uma boa borda entao eu ia ajustando ate sentir que ficou boa

  • border radius é a mesma coisa das minhas bordas, vou ajustando por rumo, nao tinha nenhum padrão por tras

  • se não ter entendido errado aqui voce se referia aos elementos entre o botao de add imagem e o footer, vlw pela dica vou aplicar para deixarem eles mais bonitinhos !!