TailoMateus/pokedex_react

Aplicação Front-end usando React

Frontend Pokedex

Aplicação Front-end usando React. As principais libs e tecnologias do projeto são:

• React

• TypeScript

• Redux

• Redux-Saga

• React Testing Library

• Styled Components

• Next.js

• ESLint

• Axios

Estrutura de pastas

src 
  Components/
    GoBack.tsx
  Pages/
    _app.tsx
    _document.tsx
    index.tsx
    routes.tsx
    Pokedex/
      ListPokemon/
        ListPokemon.tsx
        ListPokemon.test.tsx
        styles.ts
      ShowPokemon/
        ShowPokemon.tsx
        ShowPokemon.test.tsx
        styles.ts
  Helpers/
    index.ts
  Repositories/
    index.ts
    rootReducer.ts
    rootSaga.ts
    Pokedex/
      actions.ts
      index.ts
      sagas.ts
      types.ts
  Utils/
    tests.tsx
  Services/
    api.ts
  styles/
    color.ts
    size.ts
    

Requisitos

• NodeJS v10 LTS
• Yarn v1.17+

Instalação para Desenvolvimento

• Instalar dependências do package.json usando Yarn:

  yarn install

• Executar servidor na url: http://localhost:3000

  yarn dev

• Executar testes do projeto:

  yarn test

Layout

• Obs: O layout foi adaptado para atender o retorno da API

Listagem dos pokemons:

Visualização do pokemon:

Informações gerais

• O projeto foi iniciado com create-react-app.
• Usar algum editor que tenha suporte ao editorConfig.
• Utilizado a API PokéAPI