Two Pages: A responsive web design (RWD) website using jQuery and BootstrapV5 to record heart rate (HR) data via Bluetooth with the Polar OH1+.
Budget: $30 – $250 USD
Two Pages: A responsive web design (RWD) website using jQuery and BootstrapV5 to record heart rate (HR) data via Bluetooth with the Polar OH1+.
Modification time: 20:00, 06/11, 2024 GMT+8
References:
Polar OH1+ Optical heart rate sensor: https://www.polar.com/us-en/sensors/oh1-optical-heart-rate-sensor
This demo program can read the Heart-rate data from one Polar OH1+ continuously: https://github.com/WebBluetoothCG/demos/tree/gh-pages/heart-rate-sensor
Task description:
Platform: Web browsers on iPad and Desktop (Mac & PC Windows)
We need to develop a responsive web design (RWD) website that can communicate with Polar OH1+ via Bluetooth to record the heart rates (HR) of 1 to 10 users simultaneously. This website will include the following three pages:
1. Page 1 - User profile input/edit page:
The personal profiles of up to 10 OH1+ users are displayed as 10 blocks on a screen. The admin of this website can easily view and click to edit the profiles of 1 to 10 OH1+ users simultaneously on this page. Each OH1+ user’s profile includes at least the following fields: user ID, full name, age, average heart rate, Bluetooth ID, battery status, remarks, and more.
2. Page 2 - Heart-rate monitoring/recording page:
The admin of this website can choose 1 to 10 users' OH1+ devices to connect and monitor on this page simultaneously. They can then easily select which users' heart rates will start being recorded. During recording, the current Heart-rate number along with the minimum, maximum, and average HR information. After pressing the 'Stop' button, all recorded data can be downloaded and saved as .csv files.
Each page includes buttons/tabs to switch among the three pages.
You must use jQuery, Bootstrap 5, and HTML/CSS to complete this website. Specifically, all UI components must be Bootstrapv5 components. If you have other UI components that you believe are better than those in Bootstrapv5, please confirm with us before starting the project. All other JavaScript frameworks are prohibited.
Milestone 1:
Complete Page2.
Milestone 2:
Complete all pages.
We will test your production on the browsers of both iPad and desktop (Mac and PC Windows). Please provide us with some demos of your previous work using jQuery, Bootstrap, and Bluetooth.
We will test your source codes on both our local machines and the other web hosting services. If the website runs successfully on your machine but encounters issues on our environments, your task will be considered unsuccessful. In such a scenario, please provide detailed instructions for setting up on both environments. We will follow these instructions without granting remote login/control access to our machines.
Please maintain a clean coding style with well-organized and modularized source codes. Additionally, please ensure that configurable inputs, such as environment variables, URL links, and input properties, … are isolated into configuration files.
Besides, before establishing a milestone, we will continue to revise and update this proposal along with its specifications within the discussion threads. Prior to accepting the milestones, please ensure to review all the most updated proposal details and specifications. Let’s confirm we have the same proposal with the same modification time before accepting milestones.
If there is anything unclear or ambiguous, please feel free to inform us. Thank you.
-----------------------
I'm in need of a 2-page responsive web design website for fitness tracking. The site will be used to monitor heart rate data from the Polar OH1+ via Bluetooth.
Requirements:
- Front-end development using jQuery and BootstrapV5
- Real-time display of heart rate data on the website
- No user accounts are needed, so the tracking will be anonymous
This project is perfect for a developer with a strong background in responsive web design and experience working with jQuery and BootstrapV5. Additionally, experience with data visualization will be a plus. I'm looking forward to your bid on this exciting project.
Modification time: 20:00, 06/11, 2024 GMT+8
References:
Polar OH1+ Optical heart rate sensor: https://www.polar.com/us-en/sensors/oh1-optical-heart-rate-sensor
This demo program can read the Heart-rate data from one Polar OH1+ continuously: https://github.com/WebBluetoothCG/demos/tree/gh-pages/heart-rate-sensor
Task description:
Platform: Web browsers on iPad and Desktop (Mac & PC Windows)
We need to develop a responsive web design (RWD) website that can communicate with Polar OH1+ via Bluetooth to record the heart rates (HR) of 1 to 10 users simultaneously. This website will include the following three pages:
1. Page 1 - User profile input/edit page:
The personal profiles of up to 10 OH1+ users are displayed as 10 blocks on a screen. The admin of this website can easily view and click to edit the profiles of 1 to 10 OH1+ users simultaneously on this page. Each OH1+ user’s profile includes at least the following fields: user ID, full name, age, average heart rate, Bluetooth ID, battery status, remarks, and more.
2. Page 2 - Heart-rate monitoring/recording page:
The admin of this website can choose 1 to 10 users' OH1+ devices to connect and monitor on this page simultaneously. They can then easily select which users' heart rates will start being recorded. During recording, the current Heart-rate number along with the minimum, maximum, and average HR information. After pressing the 'Stop' button, all recorded data can be downloaded and saved as .csv files.
Each page includes buttons/tabs to switch among the three pages.
You must use jQuery, Bootstrap 5, and HTML/CSS to complete this website. Specifically, all UI components must be Bootstrapv5 components. If you have other UI components that you believe are better than those in Bootstrapv5, please confirm with us before starting the project. All other JavaScript frameworks are prohibited.
Milestone 1:
Complete Page2.
Milestone 2:
Complete all pages.
We will test your production on the browsers of both iPad and desktop (Mac and PC Windows). Please provide us with some demos of your previous work using jQuery, Bootstrap, and Bluetooth.
We will test your source codes on both our local machines and the other web hosting services. If the website runs successfully on your machine but encounters issues on our environments, your task will be considered unsuccessful. In such a scenario, please provide detailed instructions for setting up on both environments. We will follow these instructions without granting remote login/control access to our machines.
Please maintain a clean coding style with well-organized and modularized source codes. Additionally, please ensure that configurable inputs, such as environment variables, URL links, and input properties, … are isolated into configuration files.
Besides, before establishing a milestone, we will continue to revise and update this proposal along with its specifications within the discussion threads. Prior to accepting the milestones, please ensure to review all the most updated proposal details and specifications. Let’s confirm we have the same proposal with the same modification time before accepting milestones.
If there is anything unclear or ambiguous, please feel free to inform us. Thank you.
-----------------------
I'm in need of a 2-page responsive web design website for fitness tracking. The site will be used to monitor heart rate data from the Polar OH1+ via Bluetooth.
Requirements:
- Front-end development using jQuery and BootstrapV5
- Real-time display of heart rate data on the website
- No user accounts are needed, so the tracking will be anonymous
This project is perfect for a developer with a strong background in responsive web design and experience working with jQuery and BootstrapV5. Additionally, experience with data visualization will be a plus. I'm looking forward to your bid on this exciting project.