Σε Εξέλιξη

Build a react.js project with a header, footer, search component

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 [url removed, login to view]

- 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": "[url removed, login to view]",

"description": "This is the description for SurferMag",

"categoryIds": [

2

]

},

{

"id": 2,

"siteName": "Ebay",

"siteUrl": "[url removed, login to view]",

"description": "This is the description for ebay",

"categoryIds": [

1

]

},

{

"id": 3,

"siteName": "Robs UI Tips",

"siteUrl": "[url removed, login to view]",

"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": "[url removed, login to view]",

"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"

}

]

Δεξιότητες: HTML, React.js, Σχεδιασμός Ιστοσελίδας

Δείτε περισσότερα: project header footer, header footer gtml page project, add header footer project, project done header footer, flex component header footer, design header footer, html doc header footer, website header footer design, website header footer, build simple web page header, phpbb header footer, add header footer website, sample letter header footer, build data mining project, header footer designs

Σχετικά με τον Εργοδότη:
( 2 αξιολογήσεις ) Melbourne, Australia

ID Εργασίας: #15090756

Ανατέθηκε στον/στην:

AssertiveInfo

Hi, Hope you are doing well. Assertive InfoTech is a team of developers and designer. WE CAN MAKE SEARCH TASK AS NEEDED BY YOU. Relevant Skills and Experience We have more than 5 years experience in PHP, AngularJS, Re Περισσότερα

$30 AUD σε 1 μέρα
(1 Αξιολόγηση)
0.5

10 freelancers κάνουν προσφορές με μέσο όρο $97 γι' αυτή τη δουλειά

salienttemplates

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,Boos Περισσότερα

$70 AUD σε 1 μέρα
(195 Αξιολογήσεις)
7.0
connectwithsi

Hi, Hope you’re doing good. We have gone through your requirements and understood them clearly. We are a Professional Company with 7+ years of experiences in Bespoke and Need based iPhone & Android app development Περισσότερα

$70 AUD σε 1 μέρα
(28 Αξιολογήσεις)
6.7
$25 AUD σε 1 μέρα
(44 Αξιολογήσεις)
5.2
ArkssTech

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 confide Περισσότερα

$50 AUD σε 1 μέρα
(20 Αξιολογήσεις)
4.5
iprdnepr

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 Περισσότερα

$500 AUD σε 7 μέρες
(3 Αξιολογήσεις)
3.9
smartcodr

We created [url removed, login to view] and [url removed, login to view] and [url removed, login to view] and [url removed, login to view] and our portfolio is [url removed, login to view] and lets do React.js project eith test as ypu tol for 70 AUD.

$70 AUD σε 3 μέρες
(3 Αξιολογήσεις)
2.5
$70 AUD σε 3 μέρες
(3 Αξιολογήσεις)
1.5
$35 AUD σε 2 μέρες
(0 Αξιολογήσεις)
0.0
AMDigitalS

Give me this project and I'll do it. I'll do it to get 100% reviews on freelancer. If I am not paid still fine. Let me know if you agree.

$50 AUD σε 3 μέρες
(0 Αξιολογήσεις)
0.0