-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
141 lines (138 loc) · 7.02 KB
/
index.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
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
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SchedulerX</title>
<link rel="shortcut icon" type="image/x-icon" href="website_content/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
<script defer src="website_behavior.js"></script>
<!--Copy button code-->
<script>
document.addEventListener('DOMContentLoaded', function () {
var copyButtons = document.querySelectorAll('.copy-btn');
copyButtons.forEach(function(btn) {
btn.addEventListener('click', function () {
var text = btn.parentNode.querySelector('.code-block-text').textContent;
var textarea = document.createElement('textarea');
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
alert('Copied to clipboard!');
});
});
});
</script>
<link rel="stylesheet" href="website_styles/index.css">
</head>
<body>
<div class="header">
<div class="spacer"></div> <!-- Dummy element for balancing -->
<div class="header-title">
<a href="index.html">
<img class="logo" src="website_content/logo.png" title="SchedulerX">
</a>
</div>
<div class="header-about">
<p class="header-about-text" onclick="location.href='gallery.html';" title="Gallery">Gallery</p>
</div>
</div>
<div class="container">
<!--Static Content-->
<div class="static-content">
<div class="action-bar">
<div class="action-bar-item" data-href="website_content/schedulerx.apk" data-filename="schedulerx_app.apk" title="Download APK">
<p>Download APK</p>
</div>
<div class="action-bar-item" data-href="https://github.com/SCCapstone/CoolwithAnything" title="GitHub Repo">
<p>GitHub Repo</p>
</div>
</div>
<div class="demo-video">
<h1 style="margin-bottom: -15px;">Demo</h1>
<iframe width="480" height="300" src="https://www.youtube.com/embed/9xLHzvGBA7M" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="responsive-video"></iframe>
</div>
</div>
<!--Scrollable Content-->
<div class="scrollable-content">
<h1 style="margin-bottom: 30px; color: #5da8af;">The SchedulerX App</h1>
<p>SchedulerX is an Android application aimed at helping users manage their schedules and fitness and nutrition goals.</p>
<p>The app features the ability to:</p>
<ul class="list">
<li> Create and manage tasks on your personal calendar </li>
<li> Track task and fitness progress </li>
<li> Browse a selection of workouts and meals <span class="list-note">— Powered by <a href="https://api-ninjas.com/" target="_blank" rel="noopener noreferrer" title="API Ninjas Website">API Ninjas</a></span> </li>
<li> Personalize and share your own workouts and meals </li>
<li> Switch between Dark and Light Mode Themes </li>
<li> Safely secure personal information in Firebase storage </li>
</ul>
<p>
The app is written in JavaScript using the React Native framework and uses Firebase for cloud storage and user authentication.
</p>
<!--Why use SchedulerX?-->
<h2 style="margin-top: 45px; color: #5da8af;">
Why use SchedulerX?
</h2>
<p>Unlock your potential with SchedulerX — your all-in-one solution for mastering time management and enhancing your lifestyle. With SchedulerX, effortlessly organize your daily tasks, dive into personalized workouts, and explore nutritious meal plans tailored just for you. Whether you're planning your day or paving your path to wellness, SchedulerX adapts to your pace and preferences. Start creating, sharing, and thriving today with SchedulerX, where your goals are just a tap away. Why just manage when you can excel?</p>
<!--How to Run the App-->
<h2 style="margin-top: 45px; color: #5da8af;">
How to Run the App
</h2>
<h3 style="margin-top: 30px;">1. Install using APK</h3>
<p>Simply download our APK on the left and install on your device or emulator and you're ready to go!</p>
<h3 style="margin-top: 30px;">2. Clone the Repository</h3>
<p>First clone the repository in your desired directory:</p>
<div class="code-block">
<p class="code-block-text">
git clone https://github.com/SCCapstone/CoolwithAnything.git
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Install Expo CLI:</p>
<div class="code-block">
<p class="code-block-text">
npm install -g expo-cli ```
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Install any required packages:</p>
<div class="code-block">
<p class="code-block-text">
npm install
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Run the app:</p>
<div class="code-block">
<p class="code-block-text">
npx expo start
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Wait for the Metro Bundler to finish running and choose how you would like to start the app.</p>
<!--Authors-->
<h2 style="margin-top: 45px;">
Developers:
</h2>
<div class="authors">
<p>
Vu Nguyen
</p>
<p>
Ali Omer
</p>
<p>
Deep Patel
</p>
<p>
Nick Rubino
</p>
<p>
Kayly Tran
</p>
</div>
</div>
</div>
</body>
</html>