Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gui-bus/jameswebbblog

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.
https://github.com/gui-bus/jameswebbblog

blog nextjs nextjs14 nextui react sanity sanity-io shadcn-ui tailwindcss typescript vercel vercel-deployment

Last synced: 23 days ago
JSON representation

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.

Awesome Lists containing this project

README

        

# Blog James Webb - Explorando o cosmos! :artificial_satellite:


Desktop Homepage

## Blog James Webb - Explorando o cosmos! :artificial_satellite:

***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.*** :rocket:

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](https://www.youtube.com/@NASAWebbTelescope) onde poderá ver com detalhes como foi cada parte do processo.

### Funcionalidades 📦
- [x] ***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.
- [x] ***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.
- [x] ***Integração do CMS (Sistema de Gerenciamento de Conteúdo)***
- A capacidade de criar blog posts foi aprimorada pela integração do CMS [Sanity](https://www.sanity.io/). 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 :gear:

- [x] Para desfrutar de todas as incríveis informações contidas no ***Blog do Telescópio Espacial James Webb*** basta clicar no link abaixo.
- *[Acessar Blog James Webb 🛰️](https://jameswebb.vercel.app/)*

## Tecnologias utilizadas :dart:


Typescript
React
NextJS
Tailwind
NextUI
ShadCNUI
Sanity
Vercel


## Galeria :camera:

#### 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 :bulb:

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! :speech_balloon:


Instagram


LinkedIn


Gmail

## Precisa de uma pagina personalizada para o seu negócio? :rocket:

- [x] 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!*** :star:

- Entre em contato através das minhas redes sociais ou envie-me um e-mail para [[email protected]](mailto:[email protected]).



James Webb