💻 Projeto NextJs: SpaceTravelling

Um projeto para testar os conhecimentos com ReactJS

Status: Concluído🚀

Sobre • Funcionalidades • Templates • Como executar • Tecnologias • Licença

✎Sobre

Essa é uma aplicação desenvolvida para testar os conhecimentos adquiridos durante a jornada de estudos na RocketSeat. Essa aplicação parte de um template disponibilizado pela instituição e a partir dele foi desenvolvido o consumo de dados do através do Prismic e a implementação de uma interface seguindo a documentação do layout disponibilizado no Figma.

---

⚙Funcionalidades

• Estilizações global, comun e individuais;
• Importação de fontes Google;
• Paginação de posts;
• Cálculo de tempo estimado de leitura do post;
• Geração de páginas estáticas com os métodos getStaticProps e getStaticPaths;
• Formatação de datas com date-fns;
• Uso de ícones com react-icons;
• Requisições HTTP com fetch;

---

🎨Templates

Para realizar esse desafio, foi utilizado um template do GitHub.

O template está disponível na seguinte URL: Template Aplicação

Interface da Aplicação

O desafio contava com a obrigatoriedade de implementar a interface a partir de um layout disponibilizado no Figma.

---

🚀Como executar o projeto

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Yarn.

Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲Como Rodar

# Clone este repositório
$ git clone <https://github.com/matheusmmmp/spacetravelling>

# Acesse a pasta do projeto no terminal/cmd
$ cd spacetravelling

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn dev

# A aplicação inciará na porta:3333 - acesse <http://localhost:3333>

---

🛠Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

• React
• Next
• TypeScript
• Prismic;
• Figma;
• Fetch;
• React-icons;
• Date-fns;

---

📝Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Matheus Pereira 👋🏽 Entre em Contato!