-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclover-hub.html
105 lines (83 loc) · 3.88 KB
/
clover-hub.html
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
<!DOCTYPE HTML>
<html>
<head>
<title>Clover Hub</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Portfolio</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<a href="#" class="image fit"><img src="images/clover00.png" alt="" /></a>
<a href="#" class="image right"><img src="images/clover01.png" alt="" /></a>
<h2>Clover Hub App (2022)</h2>
<p>Language: Swift <br> Tools: XCode<br> <a href="https://github.com/prishaanand/Clover-Hub-App" class = "button fit large icon brands fa-github">View on GitHub</a>
</p>
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<h3 class="major">Overview</h3>
<p>Clover Hub is an explorer's best friend!
The app is designed to utilize geolocation to offer the user with a
comprehensive list of nearby "hidden clovers" (which are the must-see places in the user's area). But don't worry, we care about your privacy! Because of this, we do not collect any data about your location without your permission. The user is intially requested to accept a request for tracking their geolocation, before being shown the list of hidden clovers.</p>
<h3 class="major">Implementation</h3>
<p>Designed and developed an iOS app that utilizes
geolocation services in order to fetch the users precise location.
Displayed the data in a comprehensive list and map interface,
which relies on the Yelp API in order to obtain a set of nearby
tourist attractions. Includes directions to the selected location
along with details such as reviews, ratings, contact information, and more.
</p>
<h3 class="major">In-App Views</h3>
<p>The app's user interface is designed with Figma and graphics are from
the Canva platform. Note that the location used for the demo pictures below
is set to Apple Headquarters.
<br>
<br>Welcome Screen & Request for Permission
<a href="#" class="image fit"><img src="images/clover01.png" alt="" /></a>
Hidden Clovers Displayed as List & Map Views
<a href="#" class="image fit"><img src="images/clover02.png" alt="" /></a>
Details of the Selected Location
<a href="#" class="image fit"><img src="images/clover03.png" alt="" /></a>
Directions to the Selected Location
<a href="#" class="image fit"><img src="images/clover04.png" alt="" /></a>
</p>
<a href="swift-quizzer.html" class="button icon solid fa-arrow-right">Next Project: Swift Quizzer</a>
</div>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>