---
# System prepended metadata

title: Tabela de conteúdos

---

<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

```bash

# Clone este repositório
$ git clone git@github.com: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 />🎧
 <sub><b>José Costa</b></sub></a> <a href="https://www.linkedin.com/in/josecostasantosjr/" title="Linkedin"></a>
 <br />

[![Linkedin Badge](https://img.shields.io/badge/-José_Costa-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/josecostasantosjr/)](https://www.linkedin.com/in/josecostasantosjr/) 
[![Gmail Badge](https://img.shields.io/badge/-josecostasantos.jr@gmail.com-c14438?style=flat-square&logo=Gmail&logoColor=white&link=mailto:josecostasantos.jr@gmail.com)](mailto:josecostasantos.js@gmail.com)

---

## 📝 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>
 
