This project is a challenge proposed by Carrefour Tech Day, where the objective is to freely create an e-commerce containing the company's products through 2 different APIs, one to search stores by zip-code and another to search for products from store. The layout is mobile-focused.
Esse é projeto é um desafio proposto pelo Carrefour Tech Day, onde o objeto é criar livremente um e-commerce contendo produtos da empresa através de 2 APIs distintas, uma para buscar lojas pelo CEP e outra para buscar produtos da loja. O layout tem como foco dispositivos móveis.
- Javascript, HTML
- CSS layout developed with Bootstrap and Tailwind. Layout CSS desenvolvido com Bootstrap e Tailwind
- React with Redux for state management. React com Redux para gerenciamento de estado
- API consumption com axios. Consumo de API com axios
- Data storage in local storage. Armazenamento de dados no local storage
- Creation of specific routes including 404 page. Criação de rotas específicas incluindo página 404
- Use of icons from react-icons library. Utilização de ícones da biblioteca react-icons
- Carousel of images. Carrossel de imagens
- Use of conventional commits. Utilização de commits padronizados
- App prepared to be deployed in Docker. App preparado para ser implementado no Docker
- App deployed in Heroku. App implementado no Heroku
See it in action/ Veja em ação: https://carrefourtech.herokuapp.com/
Commands:
- git clone git@github.com:kelsonbatista/project-carrefour-tech-day.git
- docker build -t carrefour-dev-img .
- docker run -d -it -p 5000:80/tcp --name carrefour-dev carrefour-dev-img
- Access http://localhost:5000