Skip to content

Este projeto de trata de um blog desenvolvido com React, Typescript, Next.js, NextUI, ShadCN/UI, Tailwind CSS, Sanity CMS e Vercel que tem como objetivo fornecer diversos tipos de informações sobre o Telescópio Espacial James Webb, o sucessor do Telescópio Espacial Hubble.

Notifications You must be signed in to change notification settings

gui-bus/JamesWebbBlog

Repository files navigation

Blog James Webb - Explorando o cosmos! 🛰️

Desktop Homepage

Blog James Webb - Explorando o cosmos! 🛰️

Este projeto de trata de um blog desenvolvido com React, Typescript, Next.js, NextUI, ShadCN/UI, Tailwind CSS, Sanity CMS e Vercel que tem como objetivo fornecer diversos tipos de informações sobre o Telescópio Espacial James Webb, o sucessor do Telescópio Espacial Hubble.

Explore as maravilhas do universo com o Telescópio Espacial James Webb (JWST), descubra seu propósito e seu funcionamento. Adentre os detalhes intrigantes sobre a missão, o lançamento e os instrumentos de ponta que impulsionam a pesquisa espacial e muito mais. Navegue por um blog abrangente repleto de imagens impressionantes capturadas pelo JWST.

Embarque conosco nessa fascinante jornada cósmica, onde a exploração e a revelação científica se encontram. 🚀

Explorando o blog você encontrará diversas seções informativas sobre o James Webb, como por exemplo:

  • O que é o James Webb?
  • Qual a sua missão?
  • Visão geral e equipamentos
  • Detalhes sobre os instrumentos utilizados (NIRCam, MIRI e NIRSpec)
  • Suas principais características
  • Lançamento do James Webb
  • e muito mais...

desktop

O incrível blog do James Webb - Esta seção está dedicada a exibir grande parte das imagens tiradas pelo poderoso James Webb. Todas as imagens estão acompanhadas de uma pequena explicação do que ela representa e ao clicar no botão 'Ver mais detalhes' o usuário é redirecionado para o blog post da respectiva imagem que contem diversas informações sobre a mesma.

desktop

O grande dia de colocar o James Webb em Órbita - Essa seção está dividida em vídeos de como foi cada etapa para tudo dar certo no dia do lançamento do poderoso James Webb. Navegando pela pagina é possível encontrar botões correspondentes para cada etapa e ao clicar em "Assistir" o usuário é redirecionado para a pagina oficial do James Webb no Youtube onde poderá ver com detalhes como foi cada parte do processo.

Funcionalidades 📦

  • Interface de usuário, navegação e design
    • Através da combinação de React + Tailwind + NextUI + ShadCN/UI foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.
  • Grande fonte de dados sobre o James Webb
    • Apresenta diversos tipos de informações sobre o James Webb, de uma maneira acessível e intuitiva. Desde como foi seu lançamento até mesmo detalhes das imagens mais recentes.
  • Integração do CMS (Sistema de Gerenciamento de Conteúdo)
    • A capacidade de criar blog posts foi aprimorada pela integração do CMS Sanity. Essa escolha permite uma criação descomplicada de posts, além de facilitar a interação eficiente com o frontend do projeto.

Como acessar a página ⚙️

  • Para desfrutar de todas as incríveis informações contidas no Blog do Telescópio Espacial James Webb basta clicar no link abaixo.

Tecnologias utilizadas 🎯

Typescript React NextJS Tailwind NextUI ShadCNUI Sanity Vercel

Galeria 📷

Desktop

desktop desktop desktop desktop desktop desktop desktop desktop desktop desktop desktop desktop desktop

Mobile

mobile mobile mobile mobile mobile mobile mobile mobile mobile mobile mobile mobile

Tablet

tablet tablet tablet tablet tablet tablet tablet tablet

Contribuição 💡

Gostaria de contribuir para o projeto? Fico muito grato pelo interesse!

  • Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.

Redes sociais para contato! 💬

Instagram LinkedIn Gmail

Precisa de uma pagina personalizada para o seu negócio? 🚀

  • Se você gostou do blog sobre o James Webb e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa.
    Vamos transformar sua visão em realidade!

  • Entre em contato através das minhas redes sociais ou envie-me um e-mail para guibus.dev@gmail.com.


James Webb

About

Este projeto de trata de um blog desenvolvido com React, Typescript, Next.js, NextUI, ShadCN/UI, Tailwind CSS, Sanity CMS e Vercel que tem como objetivo fornecer diversos tipos de informações sobre o Telescópio Espacial James Webb, o sucessor do Telescópio Espacial Hubble.

Topics

Resources

Stars

Watchers

Forks