-
Notifications
You must be signed in to change notification settings - Fork 0
/
wireframe.drawio
130 lines (130 loc) · 12.7 KB
/
wireframe.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<mxfile host="65bd71144e">
<diagram id="kAjNjlUFmc69l3NrdyWb" name="Page-1">
<mxGraphModel dx="830" dy="584" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="7" value="Website Visitors Enters&nbsp;<br>Here<br>Home page has search bar, sign in with encryption, photos, with description&nbsp;<br>" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry y="100" width="140" height="130" as="geometry"/>
</mxCell>
<mxCell id="9" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=-0.007;entryY=0.164;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="7" target="gfrgn51c0QoDP498l0EQ-74">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="400" y="250" as="sourcePoint"/>
<mxPoint x="180" y="100" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-74" value="" style="whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
<mxGeometry x="180" y="100" width="630" height="630" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-75" value="MealMapper Heading and Nav-Bar&nbsp;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="180" y="35" width="620" height="60" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-76" value="Home" style="html=1;strokeColor=none;fillColor=#0079D6;labelPosition=center;verticalLabelPosition=middle;verticalAlign=top;align=center;fontSize=12;outlineConnect=0;spacingTop=-6;fontColor=#FFFFFF;sketch=0;shape=mxgraph.sitemap.home;" vertex="1" parent="1">
<mxGeometry x="20" y="10" width="120" height="70" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-77" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#999999;fillColor=#ffffff;" vertex="1" parent="1">
<mxGeometry x="570" y="130" width="200" height="300" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-78" value="Sign In" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=12;fontColor=#666666;align=left;resizeWidth=1;spacingLeft=0;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry width="100" height="20" relative="1" as="geometry">
<mxPoint x="10" y="10" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-79" value="" style="shape=line;strokeColor=#ddeeff;strokeWidth=2;html=1;resizeWidth=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry width="180" height="10" relative="1" as="geometry">
<mxPoint x="10" y="30" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-80" value="User Name:" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=12;fontColor=#666666;align=left;resizeWidth=1;spacingLeft=0;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry width="100" height="20" relative="1" as="geometry">
<mxPoint x="10" y="40" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-81" value="johndoe" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#999999;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry width="150" height="25" relative="1" as="geometry">
<mxPoint x="10" y="60" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-82" value="Password:" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=12;fontColor=#666666;align=left;resizeWidth=1;spacingLeft=0;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry width="100" height="20" relative="1" as="geometry">
<mxPoint x="10" y="95" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-83" value="********" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#999999;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry width="150" height="25" relative="1" as="geometry">
<mxPoint x="10" y="115" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-84" value="SIGN IN" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=5;strokeColor=none;fontColor=#ffffff;fillColor=#66bbff;fontSize=16;fontStyle=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry y="1" width="80" height="30" relative="1" as="geometry">
<mxPoint x="20" y="-150" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-85" value="Forgot Password?" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=12;fontColor=#9999ff;align=left;spacingLeft=0;fontStyle=4;resizeWidth=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry y="1" width="150" height="20" relative="1" as="geometry">
<mxPoint x="10" y="-110" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-86" value="" style="shape=line;strokeColor=#ddeeff;strokeWidth=2;html=1;resizeWidth=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry y="1" width="180" height="10" relative="1" as="geometry">
<mxPoint x="10" y="-90" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-87" value="New User" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=12;fontColor=#666666;align=left;spacingLeft=0;resizeWidth=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry y="1" width="150" height="20" relative="1" as="geometry">
<mxPoint x="10" y="-70" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-88" value="SIGN UP" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=5;strokeColor=none;fontColor=#ffffff;fillColor=#66bbff;fontSize=16;fontStyle=1;" vertex="1" parent="gfrgn51c0QoDP498l0EQ-77">
<mxGeometry y="1" width="80" height="30" relative="1" as="geometry">
<mxPoint x="20" y="-50" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-89" value="Description of MealMapper App with Photos" style="shape=ext;double=1;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
<mxGeometry x="220" y="130" width="300" height="300" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-95" value="Contact" style="html=1;strokeColor=none;fillColor=#0079D6;labelPosition=center;verticalLabelPosition=middle;verticalAlign=top;align=center;fontSize=12;outlineConnect=0;spacingTop=-6;fontColor=#FFFFFF;sketch=0;shape=mxgraph.sitemap.contact;" vertex="1" parent="1">
<mxGeometry x="510" y="640" width="120" height="70" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-97" value="Contact us" style="html=1;strokeColor=none;fillColor=#0079D6;labelPosition=center;verticalLabelPosition=middle;verticalAlign=top;align=center;fontSize=12;outlineConnect=0;spacingTop=-6;fontColor=#FFFFFF;sketch=0;shape=mxgraph.sitemap.contact_us;" vertex="1" parent="1">
<mxGeometry x="650" y="640" width="120" height="70" as="geometry"/>
</mxCell>
<mxCell id="gfrgn51c0QoDP498l0EQ-98" value="user testimonial? This app was awesome and easy to use." style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="230" y="460" width="540" height="80" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
<diagram id="_G7Y2mnA8yVPqgH8Lxil" name="Page-2">
<mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="Iy7f3M6e5TIdQ5P-GXEr-1" value="" style="whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
<mxGeometry x="90" y="150" width="620" height="620" as="geometry"/>
</mxCell>
<mxCell id="7uwJ3zIsB6UCKHGoegL8-1" value="<p class="MsoNormal"><span style="font-size: 9pt; line-height: 107%; font-family: Helvetica, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">Once users sign in or<br/>sign up option to search mealmapper &nbsp;by ingredients.</span></p>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry width="190" height="60" as="geometry"/>
</mxCell>
<mxCell id="7uwJ3zIsB6UCKHGoegL8-4" value="Search" style="html=1;strokeColor=none;fillColor=#0079D6;labelPosition=center;verticalLabelPosition=middle;verticalAlign=top;align=center;fontSize=12;outlineConnect=0;spacingTop=-6;fontColor=#FFFFFF;sketch=0;shape=mxgraph.sitemap.search;" vertex="1" parent="1">
<mxGeometry x="110" y="170" width="150" height="90" as="geometry"/>
</mxCell>
<mxCell id="NGsQYg8SVfUFNlS7wdiF-1" value="MealMapper Heading and Nav-Bar&nbsp;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="90" y="80" width="620" height="60" as="geometry"/>
</mxCell>
<mxCell id="NGsQYg8SVfUFNlS7wdiF-3" value="<p class="MsoNormal"><span style="font-family: Helvetica, sans-serif;">once ingredients search,</span></p><p class="MsoNormal"><span style="font-family: Helvetica, sans-serif;">&nbsp;mealmapper will produce multiple</span></p><p class="MsoNormal"><span style="font-family: Helvetica, sans-serif;">recipes and required ingredients.</span><br></p><p class="MsoNormal"><span style="font-family: Helvetica, sans-serif;">list</span></p><p class="MsoNormal"><span style="font-family: Helvetica, sans-serif;">(maybe side scroll to choose)</span></p>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="210" y="290" width="370" height="250" as="geometry"/>
</mxCell>
<mxCell id="NGsQYg8SVfUFNlS7wdiF-4" value="" style="endArrow=classic;startArrow=classic;html=1;exitX=-0.008;exitY=0.081;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="Iy7f3M6e5TIdQ5P-GXEr-1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="80" y="210" as="sourcePoint"/>
<mxPoint x="60" y="60" as="targetPoint"/>
<Array as="points">
<mxPoint x="10" y="110"/>
</Array>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>