rayjunqueira/geekblog_react_hooks_javascript

Projeto frontend Blog/Portal de notícias Geek desenvolvido em React js.

Projeto Portal de Notícias GEEK Frontend completo React & Javascript || https://frontend-react-geek-mug-b-log.vercel.app

Versão Mobile

Sobre o projeto

Projeto frontend de um portal de notícias Geek consumindo uma API desenvolvido em React/Javascript, React-Hooks e estilizado em Styled-Components. Inclui algumas features como:

• Possibilidade do usuário buscar notícias por links de categorias.
• Possibilidade do usuário buscar notícias relacionadas a alguma palavra chave em input.
• Layout responsivo podendo ser utilizada em celulares e tablets.
• Navbar responsiva com menu Burger.
• Desenvolvido 100% em styled-components.
• Utilização de Hooks e Axios para busca de API.

Tecnologias

◼ React Hooks

◼ Axios

◼ React-Router-Dom

◼ Styled-Components

◼ Layout responsivo

◼ API Real</p

Configurando uma API Real a aplicação

Crie uma pasta .env na raíz do seu projeto com

API = link api

ou rode uma API diretamente do Hook de useApi. (src/hooks/useApi.js)

const api = axios.create({
   baseURL: "linkdesuaapi"
});

Rodando aplicação na sua máquina

1 - Clone o repositório

git clone https://github.com/Routfin/GeekBlog_React_Hooks_Javascript.git

2 - Instal os pacotes NPM

npm install 

4 - Rodar aplicação

npm start

Contribua com o projeto

1 - Crie um fork do projeto.

2 - git remote add origin urlDoRepositórioDoProjeto.

3 - Faça commits para aprimorar o projeto.

4 - Faça push dessa branch para seu projeto no GitHub.

5 - Abra um Pull Request