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:
- 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.
- 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.)
- Your application must provide some form of search functionality. It should contain at least three HTML forms.
- When the user loads the page, they will view random images recipes
- After 2 seconds, a pop-up authentification page will appear asking the user to Sign Up or Sign In
- The authentification pop up will disappear after the click and an alert message saying that the authentification was successful appears .
- After clicking ok the user will have uninterrupted access to the page to view meal recipes with a written or video tutorial.
- The user can also click on the lick button if they liked the recipe
- 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
- 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)
- Run
- Change directory:
- Run
final-phase1-project
- Run
- Open Visual Studio Code:
- Run
code .
- Run
- 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
- Install
This project was contributed to by:
- This project is licensed under GNU General Public License v2.0