This is an MVP personal project for people with food allergies to see a restaurant's safe menu for them to eat. It is developed with Angular, Angular Material, SCSS, standalone components, Firebase, and more.

This project was generated with Angular CLI version 17.3.3.

First, you should run the codebase using ng serve, or visit the live example at: https://can-i-eat.vercel.app/dashboard.

Then,you should click on the "My Allergens" and add your food allergies, one at a time. For example, you can add dairy, milk, egg, soy, or anything. Press enter or "," after each one.

After you've added your allergens, head back to the "Restaurants" tab by clicking on the upper Restaurants link.

From here, you can see each restaurant's rating based on how safe it would be for you to eat there.

Click on any restaurant to see the restaurant details page, where you can navigate through the restaurant's menu.

here, you can toggle the switch to only see the menu that is safe for you. You can also expand each menu item to see the ingredients.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application 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.