html project
$30-250 AUD
Paid on delivery
1. Supports three categorical attributes. Note a numeric attribute can be converted into a categorical one by
replacing a number with an interval. If unsure about this, ask for guidance.
2. Supports one numeric attribute. This attribute will be filtered using two input fields (or similar) that allow a
user to enter a numeric range as a lower bound and upper bound.
3. The initial state for the web page is: all filters are unset and the entire table of items (i.e. the whole
collection) is shown.
4. The web page shows a filter for each categorical attribute. A filter could be implemented as a list of radio
buttons or a list of checkboxes or some equivalent, where each element in the list is for an attribute value. For
example, for an attribute colour filter the list could be for ‘red’, ‘green’ etc. Note the user must be able to see
all values at a glance without any keyboard or mouse interaction, so a dropdown menu will not be acceptable.
5. Each filter also shows counts for each attribute value. For example, ‘red (5)’, ‘green (8)’ which indicates
there are 5 red items and 8 green items in the filtered table.
6. The web page supports filtering by multiple attributes. A user can make a selection in one or more filters
then click a filter button. After the click the item table will be redisplayed to only show items that meet the
filter conditions. The counts next to each attribute value in each filter are updated after the click.
7. There will be a Reset button that clears all filters.
8. The item collection will be loaded from a CSV file that is located on a server. The item collection will
contain at least 50 records. A local server is fine.
9. Each time a user clicks the filter button, filter settings are saved. Later a user can redo a prior saved filter by
selecting from a list of prior filter actions. If the user exits the browser then later revisits the web page, prior
filter actions will still be available.
10. Reasonable use of styles i.e. CSS must be made.
11. Numic inputs must be validated and a reasonable response to web page users made if input is not valid.
12. Your report will (i) describe what your faceted collection is and (ii) provide sufficient use cases
communicated via screen shots and text descriptions that prove your application meets all the above (and
below if advanced) requirements. See report requirements on the next page for further details.
13. Your code will be maintainable. A minor change to the requirements should require a minor coding effort
to implement. If unsure about this, ask for guidance.
Additional Requirements for an Advanced Project
1. Supports an additional text attribute that contains a description i.e. free text. Web page contains an
additional filter that supports keyword search over this extra attribute.
2. Each categorical filter supports selection of multiple attribute values, for example, colour = {red or blue}.
3. The web application is parameterised. This means there will be no reference to your attribute names or
values in your HTML or JavaScript the only reference to them will be in your item collection file or files. This
will be tested by adding/removing columns and by adding/removing values from your item collection then
checking if your application still works.
Project ID: #21757123
About the project
20 freelancers are bidding on average $239 for this job
Hello, I have very important questions to ask about your post where you want me to built the attributes for each element of your system I have very good expereince at HTML & CSS, Kindly Note - This is not a standard r More
Hello, I have gone through your job posting and become very much interested to work with you. I am an expert in this field. I have already completed several projects like this. For evidence you can see my profile. Pl More
Hello Sir/Madam, As i studied your project, i can very well assure you that it will be done perfectly, I have few questions please ping me for further communicate so, reply soon, because communication is key to succe More
Hi I have deeply understood your requirements regarding the website. let come to the point yes I am able to do your website work according to your requirements as well as I will optimize your website code so it can spe More
Hi there, I just read your job description.I am an expert in php,html, css, Bootstrap, javascript framework(react, node, vue, react native...), mysql, mongo, etc. I am ready to start now. Please contact me so that disc More
Hello there, I can assist you in this project if you free then kindly inbox me so that I can get details to start. Thank You!!!
I have done many projects like this I can deliver it on time and with all requirements implemented if awarded
Hello My-self Pratik Patel and I have 4+ years experience in C Programming, C++ Programming, Java, Javascript, JSON, API, Excel(Macro Expert ), Mobile responsive CSS (Bootstrap 4), HTML, SQL, MySQL(Expert), Microsoft More
Hi Sir... I am interested in your project. I am expert in Html, Html5, CSS, java-script , PHP, Wordpress and web-designing with the experience of 3 years. I will create web pages that will inspire and attract the worl More
Hello, I am interested in your project, would you like to discuss further details with me! I will wait for your reply. Thank you. Regards
Hi, I am a expert developer of PHP, javascript, HTML, html 5 with more than 7 years of experience. I can deliver you full solutions. My main target is customer satisfaction. So you will satisfy 100% after complete the More
Hi, I am a expert developer of PHP, Wordpress, HTML5, javascript, CSS with more than 7 years of experience. I amable to do this for you very easily. I can deliver you full solutions. I have complete knowledge about Web More
I am web developer. I have good skill and design of html site and best hand on html css. So i will give your project within 4 days with little cost.
i have lots of experience in html web development so it's easy task for me to do this & i give u guaranteed to do work as per your requirements
Hey. I can do your work according to your desire. Relevant Skills and Experience I'm a web developer.