ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-12 13:26:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

V1 Release

Browse source
This commit is contained in:
Ruidy Nemausat 2020-01-27 10:32:46 +01:00
parent a18a03181e
commit 6a288f1246
4 changed files with 72 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -78,4 +78,3 @@ Free meal planner for cooks short on ideas! (like me …)
## TO DO ## TO DO
- put a preloader - put a preloader
- on mealPage add link to catergory and origin

6
public/index.html
View file

@ -28,6 +28,12 @@
<title>Chef's Meal Planner</title> <title>Chef's Meal Planner</title>
</head> </head>
<body> <body>
<script>
document.addEventListener("DOMContentLoaded", function() {
var elems = document.querySelectorAll(".sidenav");
var instances = M.Sidenav.init(elems, options);
});
</script>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
</body> </body>

7
src/components/MealPresentation.js
View file

@ -1,4 +1,5 @@
import React from "react"; import React from "react";
import { Link } from "react-router-dom";
const MealPresentation = props => { const MealPresentation = props => {
const { const {
@ -36,7 +37,11 @@ const MealPresentation = props => {
></iframe> */} ></iframe> */}
<li> <li>
<b>Category:</b> {mealCategory} <b>Category: </b> {mealCategory} (
<Link to={`/categories/${mealCategory}`}>
See every {mealCategory} recipes
</Link>
)
</li> </li>
<li> <li>
<b>Origin:</b> {mealArea} <b>Origin:</b> {mealArea}

77
src/components/Navbar.js
View file

@ -6,24 +6,67 @@ import { Link } from "react-router-dom";
const Navbar = props => { const Navbar = props => {
return ( return (
<nav> <div className="row">
<div className="nav-wrapper"> <nav>
<div className="row"> <div className="nav-wrapper">
<Logo /> <div className="container">
<ul id="nav-mobile" className="right hide-on-med-and-down"> <Logo />
<li> <ul id="nav-mobile" className="right hide-on-med-and-down">
<Link to="/categories">Categories</Link> <li>
</li> <Link to="/categories">Categories</Link>
<li> </li>
<RandomButton <li>
handleClick={props.handleClick} <RandomButton
url={props.buttonUrl} handleClick={props.handleClick}
/> url={props.buttonUrl}
</li> />
</ul> </li>
</ul>
</div>
</div> </div>
</div> </nav>
</nav>
{/* <ul id="slide-out" class="sidenav">
<li>
<div class="user-view">
<div class="background">
<img src="images/office.jpg" />
</div>
<a href="#user">
<img class="circle" src="images/yuna.jpg" />
</a>
<a href="#name">
<span class="white-text name">John Doe</span>
</a>
<a href="#email">
<span class="white-text email">jdandturk@gmail.com</span>
</a>
</div>
</li>
<li>
<a href="#!">
<i class="material-icons">cloud</i>First Link With Icon
</a>
</li>
<li>
<a href="#!">Second Link</a>
</li>
<li>
<div class="divider"></div>
</li>
<li>
<a class="subheader">Subheader</a>
</li>
<li>
<a class="waves-effect" href="#!">
Third Link With Waves
</a>
</li>
</ul>
<a href="#" data-target="slide-out" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a> */}
</div>
); );
}; };