1. Description
   • Project Requirements
     • Minimum Viable Product
     • User Stories
2. Project Setup
   • Access
3. Authors
4. License

This is a Single Page Application (SPA) that enables a user to search and view food recipes

The web application you create must contain the following:

1. A dummy authentication page. This can include either a login or signup form. For extra challenge; include both. The page does not need any real authentication mechanism, dummy data is enough.
2. A navigation menu with at least 3 menu options that is persistent throughout the entire application. (Positioning of the navigation menu is absolutely dependent on your own preference.)
3. Your application must provide some form of search functionality. It should contain at least three HTML forms.

1. When the user loads the page, they will view random images recipes
2. After 2 seconds, a pop-up authentification page will appear asking the user to Sign Up or Sign In
3. The authentification pop up will disappear after the click and an alert message saying that the authentification was successful appears .
4. After clicking ok the user will have uninterrupted access to the page to view meal recipes with a written or video tutorial.
5. The user can also click on the lick button if they liked the recipe
6. There is also a search button that the user can type a meal ingredient e.g beef and it will display all the recipes that have beef
7. There is a feedback section for the user to rate the page experience out of 5 stars and leave a comment

To access this project on you local computer, follow the steps below

• Open your terminal
• Clone this repository:
  • Run git clone (https://github.com/NyokabiKamau/Foodie-Recipes)
• Change directory:
  • Run final-phase1-project
• Open Visual Studio Code:
  • Run code .
• Click on the available files to view the codes used

To access the content on the browser:

• Click on this link (https://nyokabikamau.github.io/Foodie-Recipes/)

  • or

• Mac users: run open index.html on your terminal

• WSL/Ubuntu users: run explorer.exe index.html on your terminal

  • or

• Visual Studio Code:

  • Install Live Server extension
  • Click on Go live on the bottom right corner

This project was contributed to by:

• Nyokabi Kamau

• This project is licensed under GNU General Public License v2.0