Framework de desenvolvimento

🎮 Eplay

Note

Table of Contents

• Project description
  • Functionalities
• Setup
  • Prerequisites
  • technologies and tools
• Instalation
  • Usage
  • Front-End
  • Back-End
  • Update
• References
• Contributors or owners
  • Contribute-to-the-projects
• Contact
• License

Project Description

Eplay é uma aplicação Web Desenvolvida com React e TypeScript de uma Loja de Games, Na Eplay você encontra os melhores games da atualidade.
Ela é uma aplicação Front-end onde fazemos o consumo de uma API Rest, onde estão disponíveis os Games e regra de negocio para essa aplicação.
Nesse projeto utilizei tecnologias, como:

• React e TypeScript
  Para Desenvolvimento da Aplicação
• Styled-components
  Como Ferramenta de estilização do Projeto
• redux@toolkit
  Parta o gerenciamento de estado global da aplicação
• React-Router v6
  para a configuração e gerenciamento de Rotas.
• Yup e Formik
  Validação de Dados do Formulário
  

Minha fonte de motivação deste projeto foi a EBAC.

Task

• Desenvolver uma Loja de Games, com TypesCript fazendo uso de uma API .

Charlenge

Os Maiores desafios foram:
Utilizar o @redux-toolkit para o gerenciamento do estado global da aplicação

Functionalities

• - Carrinho de compras
• - Formulário de cadastro

Tip

Baixe o Projeto em seu Computador e veja como ficou.

Setup

Requisitos necessários para rodar o projeto:

Prerequisites

Node.js VSCode Git

Important

• Run Time Node.js com a versão 20 ou superior.
  
• Um editor de códigos onde eu recomendo o VCode
  
• E o git uma aplicação de versionamento de código.

technologies and tools

React TypeScript EditorConfig ESLint Prettier Pnpm React-Router-v6 Yup Formik @redux-toolkit

Instalation

Para rodar o projeto em seu computador você tera que fazer o fork do repositório. Caso você não saiba como fazer, estou deixando um link da documentação oficial do gitHub, onde é esclarecido como fazer esse processo.
Fazendo esse processo você tera uma copia desse Repositório no seu GitHub.

Depois de ter feito o fork vamos fazer o clone desse Repositório através do VSCode.
Caso você não saiba como fazer, estou deixando um link para a documentação oficial do gitHub onde é esclarecido como fazer esse processo.
_{Command Line}

git clone https://github.com/emmanuelmarcosdeoliveira/eplay-ofs

Com o VSCode aberto, abra o terminal. pelo VsCode e vamos fazer a instalação das dependências necessárias para a execução do Projeto:

1. Instalando as dependências

Gerenciador de pacotes usado

Pnpm

_{Command Line}

pnpm  install

Usage

Front-End

2. Inicie o Servidor com o seguinte comando dentro do Terminal

Gerenciador de pacotes usado

Pnpm

_{Command Line}

pnpm dev

Ira aparecer um Pop-up solicitando que você clique para acessar o projeto no seu navegador. Segure a tecla Control e clique no local especificado, o projeto será aberto em uma nova aba do seu navegador Preferido.

Back-end

Nesse Projeto fazemos o uso de uma rest API
Segue abaixo o link de acesso da API

https://fake-api-tau.vercel.app/api/eplay/esportes

📽️project demonstration video

Video de Demostração

Eplay-2.mp4

Acesse a versão on-line Projeto clicando no Link Abaixo

Update

Nessa seção teremos as atualizações do Projeto:

References

Acesse: EBAC

Contributors or owners

Emmanuel Oliveira

developed by 💖 Emmanuel Oliveira
© Todos os Direitos Reservados

Contribute to the projects

Clique na seta abaixo e veja como você pode contribuir para o projeto

Como fazer uma contribuição ao Projeto ?

• Familiarize-se com a documentação do projeto, que geralmente inclui guias de instalação.
  
• Explore o código do projeto para entender sua estrutura e funcionamento.

Faça um Fork

• Crie uma cópia (fork) do repositório original em sua conta do GitHub.
  

Clone o Repositório

Isso criará uma cópia local do projeto, onde você poderá fazer suas modificações.

Crie uma Nova Branch:

• Crie uma nova branch para isolar suas alterações.
  
• Isso facilita a organização do seu trabalho e a criação de pull requests.
  

Faça as Alterações:

• Crie funcionalidades, mude estilos ou resolva bugs que iram contribuir para a melhoria do Projeto.
  

Crie um Pull Request:

• Inclua uma descrição clara das suas alterações e explique como elas resolvem o problema ou melhoram o projeto.
  
• Solicitação: Envie um pull request para o repositório original, solicitando que suas alterações sejam incorporadas ao projeto.
  

Revise e Responda a Feedback:

• Colabore: Os mantenedores do projeto podem solicitar alterações ou fornecer feedback sobre o seu código.

Contact

_{😁Obrigado por chegar até aqui!}

License

Released in 2024 This project is under the MIT license

voltar ao topo