Giter VIP home page Giter VIP logo

pokeshop's Introduction

PokéShop

Onde se pode comprar pokemons de vários tipos!

Pokémon, Shop, E-commerce, React, PokeAPI

Desafio proposto pela empresa B2W

O Projeto foi feito com React, Redux (utilizando do Ducks Pattern) e Axios para as requisições de servidor;

[Build Status]

POKESHOP HOME

Home Page

Acesso

Instalação

  • Para rodar o código em sua máquina é necessário ter yarn instalado:

Clone

  • Clone o repositório através da URL: https://github.com/iago1501/pokeshop.git

Setup

  • Após o repositório estar instalado na máquina:

Instale e rode o código com os comandos abaixo:

$ yarn
$ yarn start

Algumas configurações também foram feitas utilizando storybook, para rodar é necessário:

$ yarn storybook

Tecnologias Utilizadas

  • React;
  • Redux (Gerenciar Estados);
  • Storybook;
  • Styled Components;
  • Material UI;
  • React Helmet;
  • Redux Persist;
  • GH Pages;
  • Lazy Load (InfiniteScroll);
  • Ducks;
  • Stripe (Pagamentos);
  • Axios;
  • Media Queries;
  • Grids e Flexboxs;

Desenvolvedor

Iago Espinoza
Iago1501
github.com/iago1501

FAQ

  • Quanto tempo você demorou na confecção do site?

    • Toda a aplicação (versão beta) foi feita em menos de 1 semana (por volta de 6 dias)
  • Gostou do desafio?

    • Confesso que fazia tempo que não me divertia realizando um desenvolvimento de código, principalmente na confecção do visual retrô, foi bem bacana
  • Pretende fazer modificações futuras?

    • Sim, para dar o ecommerce como completo ainda faltam muitas coisas, como:
      • Adicionar helmets / passar a aplicação para um next.js;
      • Fazer algumas configurações a mais para versão mobile;
      • Acrescentar testes E2E e testes unitários;
      • Acrescentar melhorias de UX e UI para o usuário;
      • Autenticação de usuário;
      • etc...

pokeshop's People

Contributors

iespinoza632 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.