Bootstrap product filter
Budget: €8 – €30 EUR
I am looking for a freelancer who can help me with implementing a Bootstrap product filter for my website.
- The products that I would like to filter are dedicated servers.
- I am looking for freelancers who can provide detailed project proposals in their application, showcasing their past work and experience with bootstrap and javascript.
- The number of filters to be implemented is yet to be determined.
Skills and Experience:
- Experience with Bootstrap and front-end development
- Experience in implementing product filters using javascript and bootstrap
Currently, I am utilizing jQuery version 3.6.0.
The HTML code for the filter and product has already been generated and will be supplied to you. However, the JavaScript filter needs to be created by you.
The HTML code is missing the range (slider) HTML/JS code, so you will need to implement it.
The filters are as follows:
CPU (checkbox): AMD, Intel (if multiple are selected, it should find all of them)
Slider: Minimum CPU cores / Maximum CPU cores (including threads)
Slider: Minimum RAM / Maximum RAM
Slider: Minimum price / Maximum price
Disk (checkbox): HDD, SSD, NVMe (if multiple are selected, it should find all of them)
Slider: Storage space
Port: 100mbps, 1gbps, 10gbps (it should find servers with a default port that can be upgraded; if a server has a 100mbps port and it can be upgraded to 1G, selecting 1G should display that server; hidden tags can be included for this)
Bandwidth: Unmetered / Metered
Country (checkbox):
The code must be compatible on both mobile and desktop browsers
The code must be compatible with both mobile and desktop browsers.
Additionally, sorting by price high to low and low to high (with the default being low to high) should be enabled by clicking on the table's column header. Sorting by disk and RAM is also required.
- The products that I would like to filter are dedicated servers.
- I am looking for freelancers who can provide detailed project proposals in their application, showcasing their past work and experience with bootstrap and javascript.
- The number of filters to be implemented is yet to be determined.
Skills and Experience:
- Experience with Bootstrap and front-end development
- Experience in implementing product filters using javascript and bootstrap
Currently, I am utilizing jQuery version 3.6.0.
The HTML code for the filter and product has already been generated and will be supplied to you. However, the JavaScript filter needs to be created by you.
The HTML code is missing the range (slider) HTML/JS code, so you will need to implement it.
The filters are as follows:
CPU (checkbox): AMD, Intel (if multiple are selected, it should find all of them)
Slider: Minimum CPU cores / Maximum CPU cores (including threads)
Slider: Minimum RAM / Maximum RAM
Slider: Minimum price / Maximum price
Disk (checkbox): HDD, SSD, NVMe (if multiple are selected, it should find all of them)
Slider: Storage space
Port: 100mbps, 1gbps, 10gbps (it should find servers with a default port that can be upgraded; if a server has a 100mbps port and it can be upgraded to 1G, selecting 1G should display that server; hidden tags can be included for this)
Bandwidth: Unmetered / Metered
Country (checkbox):
The code must be compatible on both mobile and desktop browsers
The code must be compatible with both mobile and desktop browsers.
Additionally, sorting by price high to low and low to high (with the default being low to high) should be enabled by clicking on the table's column header. Sorting by disk and RAM is also required.