Build a react.js project with a header, footer, search component
$10-30 AUD
Folyamatban
Kiadva ekkor: több mint 6 évvel ezelőtt
$10-30 AUD
Teljesítéskor fizetve
Budget: 50aud (basic), 70aud(with tests)
Task specifications:
- Create a React.JS page that searches when you type in the search field.
- It should have a Landing Search page which contains Header, Footer, and Search Bar components in the [login to view URL]
- Search list is populated with items that match site name or category name (please see sample data below)
- Use whatever external libraries make your job easier.
- use mocha and chai for tests
- Complete the task using any preferred javascript React.JS MVC framework and/or jQuery.
Workflow
1. Focus on the search input field.
2. Search will fire when you start typing (maybe put a debounce in, but not required) which will show the list of sites matching.
3. Commas will separate terms to search for. e.g. "Dogs and Cats, Frogs" will return sites that have a name or category containing the term 'Dogs and Cats' or 'Frogs'.
Structure of data:
sites = [
{
"id": 1,
"siteName": "SurferMag",
"siteUrl": "[login to view URL]",
"description": "This is the description for SurferMag",
"categoryIds": [
2
]
},
{
"id": 2,
"siteName": "Ebay",
"siteUrl": "[login to view URL]",
"description": "This is the description for ebay",
"categoryIds": [
1
]
},
{
"id": 3,
"siteName": "Robs UI Tips",
"siteUrl": "[login to view URL]",
"description": "This is the description for the best site in the world. It is the best:)",
"categoryIds": [
4, 3
]
},
{
"id": 4,
"siteName": "Table Tennis Tips - How to not come runners up",
"siteUrl": "[login to view URL]",
"description": "This is the description for Table Tennis Tips",
"categoryIds": [
1, 2, 3, 4
]
}
]
categories = [
{
id: 1,
description: "Arts & Entertainment"
},
{
id: 2,
description: "Automotive"
},
{
id: 3,
description: "Business"
},
{
id: 4,
description: "Careers"
}
]
Hello,
We are experts in HTML,CSS,Boostrap,Jquery,Javascript,core Php, Magento, WordPress, Codeigniter,
and many other open source framework
Thanks
Relevant Skills and Experience
Hello,
We are experts in HTML,CSS,Boostrap,Jquery,Javascript,core Php, Magento, WordPress, Codeigniter,
and many other open source framework
Thanks
Proposed Milestones
$70 AUD - m
I have reviewed your job description as well and very confident to handle this project perfectly.
thanks for the opportunity
Relevant Skills and Experience
I have reviewed your job description as well and very confident to handle this project perfectly.
thanks for the opportunity
Proposed Milestones
$50 AUD - 1
Hi there, lets make things work with I-PR WebStudio! Over 200 project's done so far I'm sure we can take care of this one! Let's talk business!
Relevant Skills and Experience
10 years in business with tons of similar projects done successfully on Ukrainian market and were going international now!
Proposed Milestones
$500 AUD - Get this done with a great quality work for You asap!
How soon would you like to start on this?