This is an application to track recipes/meal planning that allows users to view recipes they want to cook, with the ingredients and total cost of the recipe for shopping purposes. Users will view a page of recipes, search for recipes by name, fitler recipes by a tag (breakfast, lunch, snack, etc) & favorite recipes.
- Fork this repository.
- Copy the SSH key in order to clone your forked repository down into your local device.
cdinto the cloned directory.- Open in VS Code
- Run
npm installto install project dependancies. - Run
npm startin the terminal to see the HTML pageControl + Cis the command to stop running the local server.
- Additionally, clone down this repo for the local server, and
cdinto it. Then run:
npm install
npm start
and run it in a separate tab in your terminal each time you run the app.
- Object/array prototype methods to manipulate data
- Intuitive UI
- Implement a robust testing suite using TDD
- Make network requests to retrieve data
- Professional Collaboration
- Wins: We were able to get the CSS fully responsive, Webpack and Fetch API was new technology that we were able to naviagate to complete the project and we successfully utilized GitHub projects for the first time.
- Challenges: Delegating work was a challenge since each iteration relied on the the last iteration's completion so we didn't run into blockers or bugs.
- Reflections: During the project we realized the importance of creating a clear development process from the start. Utilizing the GitHub project board really assisted us in having a clear process and staying on track.
- Application implements the fetch API for accessing data from provided Endpoints.
- The user can click on a recipe to view more information including directions, ingredients needed, and total cost.
- The user can filter recipes by a tag.
- The user can search recipes by their name.
- The user can add/remove favorite recipes.
- Design is responsive across small, medium, and large breakpoints.
- On load, a user is chosen at random.
