Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gabrielcenteiofreitas/overwatchheroes

Um projeto simples que consome uma API, desenvolvido para treinar conceitos essenciais, principalmente, das tecnologias ReactJS e NextJS. Além disso, o desenvolvimento de uma ferramenta de busca, opção de mudar o idioma e a adição de um DarkMode fizeram com que eu me aprofundasse nos conteúdos abordados.
https://github.com/gabrielcenteiofreitas/overwatchheroes

api axios next next-video nextjs overfast overwatch overwatch-2 react reactjs tailwind tailwind-css

Last synced: 1 day ago
JSON representation

Um projeto simples que consome uma API, desenvolvido para treinar conceitos essenciais, principalmente, das tecnologias ReactJS e NextJS. Além disso, o desenvolvimento de uma ferramenta de busca, opção de mudar o idioma e a adição de um DarkMode fizeram com que eu me aprofundasse nos conteúdos abordados.

Awesome Lists containing this project

README

        

Overwatch Heroes


















Sobre o projeto
Executando localmente
Tecnologias



[Preview do projeto.](https://overwatchheroes-gabriel-centeio-freitas-projects.vercel.app/)



[Ver projeto](https://overwatchheroes-gabriel-centeio-freitas-projects.vercel.app/)



## 💻 Sobre o projeto

Esse projeto surgiu da necessidade de treinar e desenvolver minhas habilidades nas tecnologias, principalmente, de ReactJS e NextJS. Objetivando treinar conceitos essenciais das ferramentas, optei por construir uma aplicação simples que consumisse uma API. Além disso, o desenvolvimento de uma ferramenta de busca, opção de mudar o idioma e a adição de um DarkMode fizeram com que eu me aprofundasse nos conteúdos abordados.

Caso queira ver mais detalhes sobre o desenvolvimento do projeto, fiz uma postagem no Linkedin falando sobre, clique [aqui](https://www.linkedin.com/posts/gabrielcenteiofreitas_react-reactjs-nextjs-activity-7197660928765509632-pwLU?utm_source=share&utm_medium=member_desktop) para conferir!

Você pode acessar o projeto clicando [aqui](https://overwatchheroes-gabriel-centeio-freitas-projects.vercel.app/).

> **Créditos**:
> A API utilizada para o projeto foi a [OverfastAPI](https://overfast-api.tekrop.fr/).


## 🔧 Executando localmente

#### 1. Clone o repositório
```bash
git clone https://github.com/GabrielCenteioFreitas/OverwatchHeroes.git
```

#### 2. Entre na pasta do projeto
```bash
cd OverwatchHeroes
```

#### 3. Instale as dependências
```bash
npm install
```

#### 4. Inicie o servidor de desenvolvimento
```bash
npm start
```

#### 5. Acesse [http://localhost:3000](http://localhost:3000) para visualizar a aplicação


## 🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- ReactJS
- NextJS
- Typescript
- TailwindCSS
- Axios
- OverFast API

## 🤝 Contribuições

Issues e pull requests são muito bem-vindos!

## 👨🏻‍💻 Autor: Gabriel Centeio Freitas