Game Store

Olá! Bem vindo ao meu GitHub, dev! O intuito aqui é aprendermos juntos, por favor, leia até o final. Ficou com alguma dúdiva? Não tem problema! Coloquei links para possíveis perguntas que possam surgir. A dúvida persistiu? Só chamar no meu LinkedIn (o link está no final da página) e farei o possível para ajudar:smile:

Do you prefer to read in english? Click here

🎮 Uma loja de vídeo games construida com React, Redux, React-redux e React-router-dom.

Funcionalidades

O usuário pode:

• Adicionar um produto no carrinho de compras
• Remover um produto do carrinho de compras
• Alterar informações do perfil

Tecnologias usadas, aprendizados e dificuldades

Com o projeto, aprendi redux e react-redux. Além disso o "slider" de produtos (onde estão os prodtos em promoção) foi feito 100% com css, sem adição de bibliotecas externas. Eu também treinei os conceitos do react-router-dom, código limpo, organização de componentes e markdown (neste READ.ME aqui 😅)

• Organização de componentes:

  -Eu criei uma estrutura de pastas concisa, com separação entre páginas, rotas e store (conceito do redux)

• Markdown:

  -Uma linguagem de marcação simples criado por John Gruber e Aaron Swartz. A linguagem converte texto em HTML

• React:

  -Uma biblioteca de código aberto focada na criação de interfaces para a web (front-end)

• Redux:

  -É uma biblioteca javascript que permite vocÊ centralizar os estados e lógicas da sua aplicação

• React-redux:

  -É a biblioteca React oficial que faz ligação com o Redux

• React-router-dom:

  -É uma bilioteca react que ajuda na navegação dentro da aplicação, eu usei e reforçei os conceitos de Router, Switch, Route e Link

Rodando localmente

Requer Node.js v4+ e yarn para rodar. Abra seu terminal favorito e rode estes comandos.

$ yarn 
$ yarn start

Quer aprender? Veja esses links!

Markdown

O que é markdown?

https://techterms.com/definition/markup_language#:~:text=A%20markup%20language%20is%20a,popular%20are%20HTML%20and%20XML. (en-US)

https://www.google.com/search?q=markdown&oq=markdown&aqs=chrome.0.69i59l2j0i433j0l2j69i60j69i61j69i60.2376j0j7&sourceid=chrome&ie=UTF-8 (pt-BR)

O que é linguagem de marcação?

https://www.hostinger.com.br/tutoriais/o-que-e-html-conceitos-basicos/

React

Como funciona o React?

https://app.rocketseat.com.br/starter - ES6, React

https://lab.irmaomaisvelho.com.br/ - From Zero to Hero: Netflix Clone

Redux and React-redux

O que é Redux? E React-redux?

https://www.youtube.com/watch?v=u99tNt3TZf8&t=2646s - Desvendando o Redux na prática | Diego Fernandes, Rocketseat https://lab.irmaomaisvelho.com.br/ - Marketplace: Petfood, Irmão mais velho

React-router-dom

O que é React-router-dom? Como ele funciona?

https://reactrouter.com/web/guides/quick-start - Documentação oficial

License

Uso livre!!

Me siga no linked-in 😄 Camille