didifive / DIO-LiveCoding-AngularFront

Como criar um front-end de um e-commerce utilizando Angular

Como criar um front-end de um e-commerce utilizando Angular

Bootcamp "Santander Bootcamp Fullstack Developer" - Digital Innovation One

Projeto desenvolvido com instruções de Nathalia Corrêa na trilha de estudo do Bootcamp "Santander Bootcamp Fullstack Developer" da dio.me.

Link da base utilizada neste projeto: naatscs/DIO-LiveCoding-AngularFront.

---

Neste projeto foram realizados as seguintes alterações:

• Ajustes visuais nos templates (.html) de componentes;
• Como API (backend), foi utilizado o recurso do sheet.best que transforma planilha do Google Sheets em API;
• Foi adicionado o recurso @ngx-env/builder para utilizar arquivo .env para variável de ambiente que guarda a chave da API;
• Ativado o uso de rotas e adicionada nova página de sobre.

Install and Run

Run npm install to instal node modules;
Create .env file with NG_APP_API_KEY for API key of sheet.best as per .env-sample file;
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

---

Links Interessantes:

• Angular
• HTML5
• TypeScript
• Bootstrap
• sheet.best