An open API service indexing awesome lists of open source software.

https://github.com/mauriciobarrueta/starbucksclone

Replica el diseño y la funcionalidad del módulo Rewards de la página oficial de Starbucks, cuenta con un carrusel de imágenes, una ventana emergente dinámica, cuyo contenido cambia dependiendo el botón seleccionado, diseño adaptable acorde al sitio original, entre otras funciones que se copiaron.
https://github.com/mauriciobarrueta/starbucksclone

angular bootstrap firebase-hosting front-end nodejs practice-project scss typescript

Last synced: 3 months ago
JSON representation

Replica el diseño y la funcionalidad del módulo Rewards de la página oficial de Starbucks, cuenta con un carrusel de imágenes, una ventana emergente dinámica, cuyo contenido cambia dependiendo el botón seleccionado, diseño adaptable acorde al sitio original, entre otras funciones que se copiaron.

Awesome Lists containing this project

README

          

🇲🇽 Sitio web desarrollado con Angular y TypeScript, SCSS y Bootstrap, publicado con Firebase Hosting. Basado en una práctica del sitio Frontend Practice y tomando como referencia el sitio de Starbucks.

🇺🇸 Website developed with Angular and TypeScript, SCSS and Bootstrap, published with Firebase Hosting. Based on a Frontend Practice site and taking as reference the Starbucks site.

🔗 https://starbucksclone-96cee.web.app/rewards

![starbucks](https://github.com/user-attachments/assets/1feb9cd1-d163-4758-b9e0-9e3b810c87b1)

# StarbucksClone

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.3.

## Development server

To start a local development server, run:

```bash
ng serve
```

Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the project run:

```bash
ng build
```

This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.