Skip to content

LeoAChaves/UmProjetoQualquer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎲 RandomStuff - Think out Loud

GitHub Pages HTML5 CSS3 JavaScript

Uma página inicial interativa que exibe conteúdo diário variado para inspirar, entreter e curiosar o visitante. O projeto é um "work in progress" que começou como um experimento criativo sem direção definida.


🚀 Demo ao Vivo

Acesse a aplicação em produção: https://leoachaves.github.io/UmProjetoQualquer/


🎯 Conceito

"Um projeto criado sem intuito, sem planejamento, sem fins, sem meios, sem direção, sem sentido." — mas que foi ganhando forma ao longo do tempo.

A ideia central é que a página inicial apresente coisas diferentes a cada dia:

  • 💬 Uma frase ou pensamento
  • 🐉 Um Pokémon (via PokeAPI)
  • 🌌 Uma imagem astronômica (via NASA APOD)
  • ⛏️ Um item do Minecraft

✨ Funcionalidades

🏠 Página Inicial

  • Frase do dia com reflexões e citações
  • Pokémon do dia com sprite oficial
  • Astronomy Picture of the Day da NASA
  • Item do Minecraft aleatório (assets locais)

🧠 Sistema de Inatividade

  • Modais sequenciais que aparecem após 10 minutos de inatividade
  • Mensagens amigáveis e lúdicas incentivando pausas produtivas
  • Progressão: "Ow! Tem alguém aí?" → "Não se assuste" → "Só vim ver se está tudo bem" → "Já tem 10 minutos" → "Vá ler um livro" → "Depois você volta"

📱 Responsividade

  • Design adaptável para diferentes tamanhos de tela
  • Navegação com links internos (Some, Thing, About, Me)

🎨 Estilização Temática

  • Fontes customizadas (Gideon Roman, Press Start 2P, Redressed)
  • Efeitos visuais e animações

🛠️ Tecnologias Utilizadas

Tecnologia Descrição
HTML5 Estrutura semântica da página
CSS3 Estilização global e específica (dois arquivos)
JavaScript (ES6+) Lógica de inatividade, manipulação de DOM
PokeAPI Sprites oficiais de Pokémon (via raw.githubusercontent)
NASA APOD Imagens astronômicas do dia
GitHub Pages Hospedagem gratuita

💻 Como Usar

Acessar online

Acesse: https://leoachaves.github.io/UmProjetoQualquer/

Executar localmente

  1. Clone o repositório:
git clone https://github.com/LeoAChaves/UmProjetoQualquer.git
cd UmProjetoQualquer
  1. Abra o arquivo index.html no navegador

🎮 Comportamento da Página

Modais de Inatividade (Cronograma)

Tempo Modal Mensagem
10 min popup1 "Ow! Tem alguém aí !?"
+1 min popup2 "Não se assuste."
+1 min popup3 "Eu só vim ver se está tudo bem."
+1 min popup4 "Já tem 10 minutos que você está aí."
+1 min popup5 "Vá ler um livro, ou aprender algo novo."
+1 min popup6 "Depois você volta, até mais."

Cada modal permanece até o usuário clicar em "X" ou fora da caixa. O timer reinicia após a sequência completa (15 minutos de inatividade total).

Conteúdo Estático Atual

Atualmente, os conteúdos são fixos (não dinâmicos):

  • 🐉 Pokémon: Girafarig (#203)
  • 🌌 APOD: Equinox Sunset (março 2022)
  • ⛏️ Minecraft: Red Bed
  • 💬 Frase: "Not every 'happy ending' means 'together forever'."

🔧 Próximos Passos / Roadmap

  • API própria para gerenciar o conteúdo diário
  • Integração com PokeAPI para Pokémon aleatório diário
  • Integração com NASA APOD API para imagem astronômica atualizada
  • Banco de dados de itens Minecraft com rotação diária
  • Sistema de frases com mais de 100 citações pré-carregadas
  • Páginas internas (Some, Thing, About, Me) com conteúdo real
  • Modo escuro com alternância

📝 Histórico de Desenvolvimento

Data Progresso
21/02/2022 Criação do projeto (sem direção definida)
22/02/2022 Redefinição do conceito
23/02/2022 Definição dos conteúdos diários: frase, Pokémon, APOD, Minecraft
24-27/02/2022 Atualizações manuais de conteúdo
28/02/2022 Frase extra adicionada
20/03/2022 Retomada do projeto após aprendizado de API Rest

🧠 Sistema de Frases (Planejado)

Estrutura proposta para daily.js:

const daily = {
  "DD-MM": {
    quote: "Frase do dia",
    pokemon: "URL do sprite",
    apod: "URL da imagem NASA",
    minecraft: "nome_do_arquivo.png",
  },
};

Atualmente, o objeto possui registros para datas entre 22/02 e 20/03/2022.


🌱 Desenvolvido por

Leonardo de Almeida Chaves ✈️

Linkedin Badge GitHub Badge


📝 Licença

Este projeto está sob a licença MIT.


🙏 Agradecimentos

  • PokeAPI - Pelos sprites oficiais de Pokémon
  • NASA APOD - Pelas imagens astronômicas diárias
  • Mojang - Pelo universo de Minecraft
  • Resilia Educação - Pelo incentivo ao aprendizado contínuo

🎲 Acessar RandomStuff


"Nothing wakes up the brain more than playing." — Stuart Brown
Desenvolvido com 🎲 e 🧠 em devaneios esporádicos.

About

Treinando meus conhecimentos. Divirta-se! 🎪. Página inicial interativa que exibe conteúdo diário variado: frase motivacional, Pokémon do dia, imagem astronômica da NASA (APOD) e item aleatório do Minecraft. Inclui sistema de modais de inatividade para engajamento do usuário.

Topics

Resources

Stars

Watchers

Forks

Contributors