GithubHelp home page GithubHelp logo

gui-bus / jameswebbblog Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 20.43 MB

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.

Home Page: https://jameswebb.vercel.app

CSS 2.02% TypeScript 97.46% JavaScript 0.52%
blog nextjs nextjs14 nextui react sanity sanity-io shadcn-ui tailwindcss typescript vercel vercel-deployment

jameswebbblog's Introduction

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 [email protected].


James Webb

jameswebbblog's People

Contributors

gui-bus avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.