Desafio Frontend

O desafio consiste em ler dados da api do Reddit, do subreddit reactjs e criar uma aplicação React contendo as informações que podem ser vistas no Figma com três botões para navegar entre hot, new e rising.

Demo

https://reddit-challenge.vercel.app/

Run Locally

Clone the project

  git clone https://github.com/mayrazan/reddit-challenge.git

Go to the project directory

  cd reddit-challenge

Install dependencies

  yarn install

Start the server

  yarn start

Tests

To run tests use the commands bellow

  yarn test to @testing-library/react tests
  yarn test:integration to cypress tests

Tech Stack

• React
• Styled Components
• Prop-Types
• Material UI
• Cypress
• Lottie

Application Features

• Testes unitários;
• Testes e2e;
• Documentação;
• Projeto rodando na Vercel;
• Dark Mode;
• Tratamento para rotas não existentes;
• Páginas responsivas;
• Uso de Context API para compartilhar o tema entre páginas e componentes.
• Tratamento de erros para bad requests da api;
• Busca por posts;
• Login com google e autenticação de rotas.

PARA RODAR LOCALMENTE SEM PRECISAR DE UMA CHAVE DO GOOGLE

• SE FOR RODAR O PROJETO LOCALMENTE, RETIRE A VERIFICAÇÃO DE ROTAS NO ARQUIVO ROUTES
• SETAR A VARIÁVEL ISSIGNED PARA TRUE PARA TER ACESSO AS DEMAIS ROTAS ALÉM DO LOGIN NA PASTA HOOKS - USEAUTH