The application shows a Spanish menu and customer has to choose dishes and beverages from it. After each selection, a card is created to display description and price dynamically. Finally, the application calculates the total price that customer has to play before leaving the restaurant.
This project uses Volta manager to pin the version of Node and NPM to 14 and 7 respectively. https://docs.volta.sh/guide/getting-started
- Run
curl https://get.volta.sh | bash
install Volta - Set the VOLTA_HOME variable to $HOME/.volta
- Add $VOLTA_HOME/bin to the beginning of your PATH variable
- Run
volta install node@14
to install node v14 - Run
volta install npm@7
to install npm v7 - Run
volta pin node@14
to pin node version of the project to 14 - Run
volta pin npm@7
to pin npm version of the project to 7
- Node 14
- NPM 7
volta install netlify-cli
ntl dev
- http://localhost:8888/.netlify/functions/menu to retrieve menu
- Run
ntl build
to build netify contents - Run
ntl deploy
to deploy to preview site - Run
ntl deploy --prod
to deploy to production site when satisifed
- git add .
- npm run commit
- Translation
- GraphQL API in Hasura
- TailwindCSS
- Transloco
Should we convert the application to PWA?
- Angular and Storybook – Simple Component
- Angular and Storybook – Simple Component with inputs and actions
- Angular and Storybook – Component with content projection
- Angular and Storybook – Publish to Chromatic
- Angular and Storybook – Mock Data in Container Component
- How to render Tailwind CSS in Angular and Storybook
- How to perform accessibility testing in Angular and Storybook
- Build Angular app with Netlify function
- How Angular calls CORS enabled Netlify Function
- Tailwind CSS in JIT mode with Angular
- Dynamically import module in Angular
- Customize template with ngTemplateOutlet and ngTemplate in Angular
- Split module into single component angular modules (SCAMs)
- Add value to commit message in Angular application
- Improve Angular code with Betterer
- Automate release management in Angular
https://www.chromatic.com/builds?appId=613821be390968003af8c529
https://railsstudent.github.io/ng-spanish-menu/
- Note: The application is still a work in progress.
https://mystifying-panini-99633b.netlify.app/food
Run ntl dev
for a dev server. Navigate to http://localhost:8888/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.