Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ricnaga/ignews

Aplicação feita em nextjs utilizando conceitos aprendidos no curso da equipe rocketseat trilha react
https://github.com/ricnaga/ignews

apicontext jest nextjs prismic reactjs sass stripe testing-library typescript

Last synced: about 1 month ago
JSON representation

Aplicação feita em nextjs utilizando conceitos aprendidos no curso da equipe rocketseat trilha react

Awesome Lists containing this project

README

        

#

Ignews

####

- Projeto Finalizado

###

Conteúdo de curso criado pela equipe Rocketseat abordando conceitos sobre:

#### 1. Typescript e a conceitos de tipagem
#### 2. ReactJS e seus conceitos
#### 3. NextJS e seus conceitos
#### 4. API context
#### 5. Criação de dados no Prismic CMS
#### 6. Armazenamento de dados no Fauna DB
#### 7. Simulação de métodos de pagamento utilizando o Stripe
#### 8. Estilizações básicas com SASS
#### 9. Testes unitários com Jest

##

Sumário

- [Requisitos](#Requisitos

)
- [Tecnologias utilizadas](#Tecnologias-utilizadas
)
- [Autor](#Autor)

##

Requisitos

Para executar a aplicação é necessário instalar algumas ferramentas tais como um editor de códigos para realizar compilação dos mesmos. Nesse projeto foi utilizado o [Visual Studio Code](https://code.visualstudio.com/), [NodeJS](https://nodejs.org/en/) para compilação do código, [Git Bash](https://gitforwindows.org/) para baixar o repositório e baixar todas as dependências necessárias.

```bash
# Baixe o repositório.
$ git clone https://github.com/Ricnaga/ignews.git

# Acesse a pasta do projeto.
$ cd ignews

# Agora que baixou e acessou o repositório, vamos começar a instalação das dependências.
$ yarn ( caso não utilize o yarn execute apenas npm -i)

# Depois de instalado todas as dependências, abra a aplicação via vscode
$ code .

# Agore execute a aplicação.
$ yarn dev (caso não utilize o yarn: npm run dev)

# A aplicação iniciará na porta 3000
# No navegador digite: http://localhost:3000
```

##

Tecnologias utilizadas

- [SASS](https://sass-lang.com/)
- [Typescript](https://www.typescriptlang.org/)
- [Next JS](https://nextjs.org/)
- [Jest](https://jestjs.io/)
- [Stripe](https://stripe.com/en-br)
- [Fauna DB](https://fauna.com/)
- [Prismic CMS](https://prismic.io/)

##

Autor

Atividade desenvolvida no curso ignite pela equipe Rocketseat, realizados por minha pessoa.
Gostou? tem alguma sugestão de melhoria? por favor, entre em contato e ja aproveita e me adiciona.



#