For a React Webapp : a 1-page Design Guide and a 1-page Search Form

I require a React web application, empty except for 2 pages:

- Page 1: A Design Guide page, which shows the usual things: typography, colour palette, a UI component library for building forms, pages, etc. The design guide does Not need not be original at all. We prefer something based on a modern, freely available react component library that is well supported.

- Page 2: A search page as per the attached file, “Wireframe Page 1 Search Page”, which obeys your design guide. It should show that your design guide and components are easy to work with.


1. Your design guide and search page will be used as the basis of a simple job tracking application. It must be very simple, clear and clean. UI elements must be **quite large, not small** — for instance 50% taller and wider than components in the web interface – so that they can be seen by someone with poor vision and clicked on by someone who has difficulty with a computer mouse.

2. It will be hosted in the browser and is for desktops and laptops with 1920x1080 screens. It should be responsive so that it still works well if the window is reduced to 768px wide.

3. The design guide must specify the usual things such as what font face and what font size to use for elements; a colour palette including primary and alternate colours and colours for errors, warning and information; form controls for text entry, number entry, dropdown choices, radio button choices, buttons, etc etc. The design guide does Not have to be original at all. You should use a freely available react component library that is well supported.

4. The colour palette must use the dark blue, orange, grey, black and white colours in the attached file, AscotWebsiteHeader.png.

5. The guide should use the Roboto Slab 700 for H1, H2 tags and other display headings. The font for body text should be any font that is clear and easy to read. Raleway [login to view URL] may an acceptable choice, but your choice must be easy to read.

6. The design guide and components must be easy for a React developer to work with.

7. Your search page must use the design guide and components and show that they are simple to use.

8. You should provide as *little* code as possible. The point is to show that the components and style work with minimum coding.

9. Your components should work well with the current version of React and up-to-date coding guidelines for React.

10. It must be possible to change simple design choices such as typography and colour palette by editing one style variables file.

11. It should be possible to change design choices such as font size and form control size by editing as few style variables as possible.

## Functionality

The only functionality required is

1) When someone types into the search box, the two results lists are populated with dummy data.

2) It must be possible to navigate to both pages.

### Optional Alternatives

It is acceptable for you to provide the design guide in If you do, I will provide export from figma to React components and you must be able to still deliver the 2 pages.


I suggest 4 milestones, I think small milestones give us both more certainty?

• Milestone 1. A 50% finished design guide page in either [login to view URL] or in a React web app

• Milestone 2. A Finished design guide page in either [login to view URL] or in a React web app

• Milestone 3. A Finished Search page in React which conforms to your design guide and matches the attached wireframe “Wireframe Page 1 Search [login to view URL]”

• Milestone 4. Late change requests

Skills: Graphic Design, React.js, CSS3, CSS, LESS/Sass/SCSS

See more: search form design css, design search form, real estate search form design, search form design drop, design a logo for a webapp it needs to come in version with name and with logo only so i can use it in our web page logo for the, design an app mockup for inchek - stock market guide, design an app mockup for inchek stock market guide, looking for someone to design health consultation form, make a guide and theme for t shirt design, search for online graphic design, we are looking for multiple winners to design and code a 1 page website landing page for our travel deals newsletter, free keys for graphic design shop 4.5 1, Build a 1 page design text and form on sublink , Design a picture illustrating our open vacancy for React Native software developer, Design a text app for kids and their family and would like someone to design the following pages 1. home page describing what i, Design a 1 page mockup for a Solar System Website, URGENT Design a Registration Form For Tryouts, install for react native latest failed with code 1

About the Employer:
( 8 reviews ) Birchwood, United Kingdom

Project ID: #30518873

Awarded to:


Hello, Hope you're doing well. I am a professional Javascript developer with 8+ years of experience in Javascript frameworks such as React, Angular, Vue and Bootstrap. As a React developer, I have developed many web More

£30 GBP in 2 days
(9 Reviews)

15 freelancers are bidding on average £174 for this job

(245 Reviews)

Hi please award this project to me to get this done thanks Hi please award this project to me to get this done thanks Hi please award this project to me to get this done thanks

£200 GBP in 7 days
(102 Reviews)

Hi, We are a professional Graphic & Multimedia Design Team. We have been offering our best services for several years regarding designing (Logos, Posters, Stationary, Web templates, brochure, flyers etc). We have rev More

£35 GBP in 3 days
(138 Reviews)

Hello. I have checked your requirements, png and understood and accept your all condition. As a Powerful React developer with expertise in React JS, React, Redux, saga, I love technology and strive for high quality in More

£160 GBP in 2 days
(18 Reviews)

Hi, Mr. Chris. I've read your description carefully, it's very impressive for me. I am so much interested in the current role, and I confident that I would be the best developer who can help you perfectly. I am very More

£500 GBP in 7 days
(6 Reviews)

Hello, I'm interested in helping you with Web Application Designing and development. I have the right skills in Angular,React, Node Js, Mongo DB,MySql ,Javascript, .Net, C#, HTML5 , Bootstrap , CSS , Angular M More

£250 GBP in 7 days
(1 Review)
(3 Reviews)

Hello, I can help you with react webapp. I have more than 5 years of experience in below listed skills: Graphic Design CSS React.js LESS/Sass/SCSS CSS3 I have gone through your job posting and become very much inte More

£250 GBP in 4 days
(2 Reviews)

Hello, we hope you are doing fine in these unprecedented times. Project Name: For a React Webapp : a 1-page Design Guide and a 1-page Search Form About us: We are tech company consisting of 15 designers and developers More

£142 GBP in 1 day
(4 Reviews)

Hi, sir. I am a full-stack programmer with full experience in Web. I am interested in your project and I wanna work with you for your project. I hope your kind contact. ~~REGARDS~~

£135 GBP in 7 days
(1 Review)

Hello, thank you for the job posting. I have read your project details carefully and thought I can finish your project well on time. I think that the main purpose of development is quality of project code more than tim More

£135 GBP in 7 days
(2 Reviews)

Hi, I think that React is a very good skill set for the modern web development. I have totally 7+ years of web development history and I have good skills in above technologies as well. As you can check my reviews which More

£100 GBP in 2 days
(2 Reviews)

Hello. I've just checked your job description carefully. I'm a senior full-stack developer with 5+ years experiences of React. In my opinion, the most important developer's characters are reliability and credit. Let's More

£150 GBP in 7 days
(1 Review)

Hi I am a senior React developer. My recent projects is similar to your requirement. You can check my working from following links. [login to view URL] [login to view URL] [login to view URL] More

£135 GBP in 7 days
(0 Reviews)