<h1 align="center">Codilândia Blog</h1>
<p align="center">O projeto é um desafio proposto pela comunidade <a href="https://discord.gg/wNCWTVuxyz">@Codilândia</a>
</p>
<p align="center">
<img alt="GitHub language count" src="https://img.shields.io/github/languages/count/askagi/codilandia-blog?color=%2304D361">

<img alt="Repository size" src="https://img.shields.io/github/repo-size/askagi/codilandia-blog">

<a href="https://github.com/askagi/codilandia-blog/commits/master">
<img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/askagi/codilandia-blog">
</a>

<img alt="License" src="https://img.shields.io/badge/license-MIT-brightgreen">
<a href="https://github.com/askagi/codilandia-blog">
<img alt="Stargazers" src="https://img.shields.io/github/stars/askagi/codilandia-blog?style=social">
</a>
</p>

Tabela de conteúdos
=================
<!--ts-->
* [Sobre o projeto](#-sobre-o-projeto)
* [Layout](#-layout)
* [Mobile](#mobile)
* [Web](#web)
* [Como executar o projeto](#-como-executar-o-projeto)
* [Tecnologias](#-tecnologias)
* [Autor](#-autor)
* [Licença](#user-content--licença)
<!--te-->

## 💻 Sobre o projeto

📘️ Codelândia Blog - é uma página web de Blog desenvolvida com a finalidade de aplicar estudos praticar e ganhar experiência na área de frontend utilizando o ReactJs.

---

## 🎨 Layout

O layout da aplicação está disponível no Figma:
<p>
<a href="https://discord.gg/wNCWTVuxyz">
<img alt="Feito pela Codilândia" src="https://img.shields.io/badge/feito%20por-Codilândia-%237519C1">
</a>
<a href="https://www.figma.com/file/Yb9IBH56g7T1hdIyZ3BMNO/Desafios---Codel%C3%A2ndia?node-id=39340%3A690">
<img alt="Made by codilândia" src="https://img.shields.io/badge/Acessar%20Layout%20-Figma-%2304D361">
</a>
</p>

### Mobile

<p align="center">
<img alt="CodilandiaBlog" title="#CodilandiaBlog" src="" width="200px">

<img alt="CodilandiaBlog" title="#CodilandiaBlog" src="" width="200px">
</p>

### Web

<p align="center" style="display: flex; align-items: flex-start; justify-content: center;">
<img alt="CodilandiaBlog" title="#CodilandiaBlog" src="" width="400px">

<img alt="CodilandiaBlog" title="#CodilandiaBlog" src="" width="400px">
</p>

---
## 🚀 Como executar o projeto

# Clone este repositório
$ git clone [e-mail]:askagi/codilandia-blog.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd codilandia-blog

# Instale as dependências
$ npm install

ou

$ yarn install

# Execute a aplicação em modo de desenvolvimento
$ npm run start

ou

$ yarn start

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

---
## 🛠 Tecnologias

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

#### **Website**
- **[React](https://reactjs.org/)**
- **[scrollreveal](https://scrollrevealjs.org/)**

---
## 🦸 Autor

<a href="https://github.com/askagi">
<img style="border-radius: 50%;" src="https://avatars.githubusercontent.com/u/58970300?v=4" width="100px;" alt=""/>
<br />🎧
_{<b>José Costa</b>}</a> <a href="https://www.linkedin.com/in/josecostasantosjr/" title="Linkedin"></a>
<br />

[](https://www.linkedin.com/in/josecostasantosjr/)
[](mailto:[e-mail])

---

## 📝 Licença

Este projeto esta sobe a licença [MIT](./LICENSE).

Feito com ❤️ por José Costa 👋🏽 [Entre em contato!](https://www.linkedin.com/in/josecostasantosjr/)

Figma feito por **[Iuri Silva](https://iuricode.com/)** / **[Codilândia](https://iuricode.com/)**
<a href="https://www.figma.com/file/Yb9IBH56g7T1hdIyZ3BMNO/Desafios---Codel%C3%A2ndia?node-id=39340%3A690">
<img alt="Made by codilândia" src="https://img.shields.io/badge/Acessar%20Layout%20-Figma-%2304D361">
</a>