Teste front-end aplicado pela Addison Global ( https://github.com/addisonglobal/web-technical-test )
Desenvolver uma promotions page rápida e responsiva em mobile first. A promotions page possui 2 telas ou filtros em uma única página:
- New Customers - Uma lista de promotions apenas para novos clientes.
- All Promotions - Uma lista de todas promotions
Quando a pagina é carregada deve buscar os dados para exibir as promotions. O objeto de promotion contém uma flag onlyNewCustomers
que indica se uma promotion é aplicável para novos clientes ou nao.
As promotions devem ser ordenadas pela propriedade sequence
.
Para executar este projeto localmente, siga estes passos:
-
Clone o repositório:
git clone https://github.com/reuelsilva/web-technical-test.git cd web-technical-test
-
Instale as dependências:
npm install
-
Execute o servidor JSON-Server:
npx json-server --watch "data.json" -p 3000
-
Abra com o Live Server
- HTML 🟠
- CSS 🔵
- JavaScript 🟡
- JSON-Server