Meu carrinho

Esse projeto é pra demonstrar todos os meus conhecimentos atuais voltados ao mundo do React.

O projeto é sobre um carrinho desenvolvido utilizando as premissas do desing Mobile First, gerando um site completamente responsivo. Na pagina principal, há duas opções para apresentar os casos de uso, um quando há somente itens com valor total abaixo de 10 reais e o outro, acima. O projeto utiliza context Api, e um wrapper de autenticação que só permite acessar a rota /cart caso você tenha escolhido uma das duas opções na pagina principal. também adicionei testes unitários ao projeto.

Segue o link do projeto na vercel: https://meu-carrinho-thalyssilva.vercel.app/

Se quiser rodar o projeto na sua máquina, siga as instruções abaixo:

-> Baixe o projeto -> Crie um arquivo chamado .env.local na raiz do seu diretório -> Dentro do .env.local adicione a seguinte linha: NEXT_PUBLIC_BASE_URL=https://api.jsonbin.io/v3/b -> Pelo terminal, acesse a pasta do projeto -> Rode os seguintes comandos: npm install npm run dev -> Acesse o http://localhost:3000 no seu navegador.

As tecnologias utilizadas nesse projeto foram:

• Next.js
• React com Context Api / Hooks
• React-query V4
• Jest.js
• Eslint
• Tailwind
• Typescript

Espero que gostem, aceito feedbacks !

---

My cart

This project is designed for demonstrate all my knowledge of React world.

The project is about a cart developed using Mobile First design premises, generating a fully responsive website. On the main page, there are two options to present the use cases, one when only items with a total value below 10 reais and the other, above. The project uses context Api, and an authentication wrapper that only allows accessing a /cart route if you have chosen one of the two options on the main page. I also unit tests the project.

This is my project in vercel: https://meu-carrinho-thalyssilva.vercel.app/

If you want run this project in your PC, folow the instructions below:

-> Download the project to your pc -> Create a file with name .env.local in directory root -> Inside on .env.local add below row: NEXT_PUBLIC_BASE_URL=https://api.jsonbin.io/v3/b -> In terminal, access the directory project -> Run this commands: npm install npm run dev -> In browser navigate to http://localhost:3000.

The technologies used in this project is:

• Next.js
• React with Context Api / Hooks
• React-query V4
• Jest.js
• Eslint
• Tailwind
• Typescript

Hope you enjoy it, I accept feedbacks!