https://github.com/epiled/testes-react-wefit
✔Teste WeFit - Página de e-commerce com tela de compras.
https://github.com/epiled/testes-react-wefit
api react recoil styled-components typescript
Last synced: 2 months ago
JSON representation
✔Teste WeFit - Página de e-commerce com tela de compras.
- Host: GitHub
- URL: https://github.com/epiled/testes-react-wefit
- Owner: Epiled
- Created: 2024-03-18T22:22:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-21T07:39:24.000Z (about 1 year ago)
- Last Synced: 2025-01-20T12:27:38.491Z (4 months ago)
- Topics: api, react, recoil, styled-components, typescript
- Language: TypeScript
- Homepage: https://testes-react-wefit.vercel.app
- Size: 240 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔸🎬📽 WeFit
Teste para a vaga de desenvolvedor React
| :placard: WeFit | |
| ------------- | --- |
| :sparkles: Nome | **WeFit - WeMovies**
| :label: Tecnologias | react, typescript, styled components, recoil, html, css, js, node, vite, eslint
🔸 🎬 Teste WeFit - WeMovies 📽 🔸
Neste repositorio estão os dois códigos dos dois desafios.
Os materiais originais foram forncedos pela WeFit e não se encontram nesse repositorio
- Desafio JavaScript
Transformar através do JS (wefit-test/js/main.js) o HTML/DOM de acordo com os prints (/Roteiro-teste-WeFit).
- Desafio de Estruturação de Projeto React + TypeScript + styled-components
O desafio consiste na criação de um site de e-commerce simplificado do zero, onde o candidato terá que criar um fluxo com três módulos/telas.
São elas:
- Home: Onde ele terá que fazer uma requisição na API, trazendo assim, a lista de filmes quem podem ser adicionados ao carrinho.
- Carrinho: Onde ele poderá ver os itens que foram adicionados, somando o valor total com base em cada item adicionado, podendo remover um item do carrinho. Por padrão, se o carrinho tiver nenhum item adicionado, deverá aparecer a tela de empty com a opção de voltar para tela inicial.
- Compra realizada: Após confirmar o pedido na tela anterior, o usuário deverá ser encaminhado para a tela de pedido confirmado. Aqui o usuário também terá a opção de voltar para tela inicial.
📑 Tabela de Conteúdos
* [Sobre](#sobre)
* [Demonstração](#demonstracao)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Building](#building)
* [Tecnologias](#tecnologias)
* [Autor](#autor)
👀 Demonstração
No link abaixo vocês podem ver as páginas hospedadas e rodar seus próprios teste de perfomance ou desempenho
Desafio JS: https://epiled.github.io/testes-react-wefit/desafio-js/
Desafio de Estruturação de Projeto React + TypeScript + styled-components: https://testes-react-wefit.vercel.app/
https://github.com/Epiled/testes-react-wefit/assets/55258483/cf807c92-a9d7-4a70-8e08-d9b6ebb74ec4
https://github.com/Epiled/testes-react-wefit/assets/55258483/d02e4a7f-46ef-495b-9b12-194a95080181
⚙ Instalação
```
1. git clone https://github.com/Epiled/testes-react-wefit.git
2. cd testes-react-wefit
3. npm install
```
👩🏫 Como usar
- Desafio JavaScript
```
1. Acesse a pasta desafio-js
2. Abra o arquivo index.html no navegador
```
- Desafio de Estruturação de Projeto React + TypeScript + styled-components
```
1. Abra o terminal na pasta testes-react-wefit
2. npm run dev
3. Abra a seguinte url http://localhost:5173/
```
⚙ Building
```
1. Abra o terminal na pasta testes-react-wefit
2. npm run build
```
🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[](https://www.linkedin.com/in/fademendonca/)
[](mailto:[email protected])
[](https://www.instagram.com/felipe.deam/)
[](https://codepen.io/epiled)