This project was generated using Angular CLI version 19.1.5.
To start a local development server, run:
ng serveOnce 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.
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
ng generate component component-nameFor a complete list of available schematics (such as components, directives, or pipes), run:
ng generate --helpMeal Mate is a class assignment for practice in using APIs in angular. We were tasked with picking an API that was useful and build a simple SPA that followed these requirements:
- Reads from an API, something useful
- Has and uses more than two components
- Uses routing to switch betwene pages
- Styled professionally
- Reponsive and maintains appela on all platforms
- Styles written in SASS (or SCSS)
- Only uses Angular, no 3rd party libraries or frameworks
- Must be useful with sufficient depth
I chose to make a meal planning app that utilizes the Spoontacular food api. Spoontacular has a large API that has resources for ingredients, meals, recipes, etc.
The idea was to make a meal planner where users could search with the Spoontacular API for meals based on various filters. The user could then click on the a meal, view its information, and add it to their favorite meals. They could also assign meals for days of the week on their calendar or calculate things like the calories for a meal.
Colors:
- Background color of overall site: #31312E
- Color for logo, links, call to action items: #8BC34A
- Highlights, alerts, etc. : #FFA07A
- Color of text on background: #FFFFFF
Text:
- Font: Montserrat is my beloved