Sedang Disiapkan

Build me a user interface prototype

Need React expert to build a simple user interface with tests. First will be browser based Single page application. Later we will add Android and IOS apps, so knowledge of React Native will help. Interested in experienced developer only.

Only UI prototype is part of this project. Server side functionality is not part of this project. Assume Restful server. Use Node JS or Spring boot server, with only test mocks.

Important rule: Code will be strictly according to design document. If you have suggestions on how to do something better, let us discuss, and update the design document first.

GET /tab/{tab id} gets a list of “Items” in JSON. Each Item has metadata (id, type, author, date etc…) and content.

Automated Tests should cover all parts of the UI.

1. Code against accepted design only.

2. High quality code and tests with great coverage.

3. Only UI code and tests are needed, no server side functionality.

4. TS or ES6 accepted, HTML5, CSS, React, redux, rmwc, welcome suggestions of other frameworks

5. Establish good working relationship and more work will follow.

6. Page has 3 main parts – Top Nav, Main window, Bottom Nav

7. Every visual component is themable, the UI accepts one list of colors, and fonts and applies these consistently to all. GET /profile/{user} supplies the JSON object which contains the theme object.

8. Top Nav, width 100%, has following

8.1. Branding area, Search bar

8.2. Drop down menu bar with menu items

8.2.1. Hamburger, (Profile, Account…)

8.2.2. File (Item 1, Item 2…)

8.2.3. Edit (Cut, Copy, Paste, Select all, delete…)

8.3. GET /tabs returns a list of tabs names, which results in a series of tabs. Only one tab is active at any given time.

9. Main window shows lists a set of Items delivered as JSON objects from url: GET /tab/{Tab name}

9.1. Each Item (one block div) and 2 inline divs for metadata and content. Has a border

9.2. Metadata part has a vertical ellipsis menu, shows [login to view URL], [login to view URL], [login to view URL] date etc. displayed inline block 25% width of Main window. Vertical ellipsis or local menu can also be gotten by right clicking any where on the item.

9.3. Local menu has Edit, Cut, Copy, Paste

9.4. Content part 75% width, simply shows text [login to view URL]

9.5. Item obtained through url: GET /item/{item id}

9.6. Items are paged 25 items per page.

9.7. Item has 2 modes, view and edit. In edit mode, a tool bar/palete of buttons opens up with suitable icons for Font, Bold, Italic, underline, Color. Also has a “Para” button which opens up a

9.8. Also in edit mode, a button “Submit” is visible, which PUT /item/{item id} and gets out of edit mode. Main window is updated.

10. Bottom Nav, static, does not scroll, 1 line height, 100% width of browser. Used to provide error/status messages to user. Shows “Edit” mode if an item is in edit.

11. Optional Help drawer, when turned on, will occupy 25% width on the right. Other 75% will be Main window

Kemahiran: CSS, HTML5, Javascript, React Native, React.js

Lihat lagi: user interface xaml prototype, build user interface cakephp, user interface prototype xhtmlcss, sap build wiki, sap build demo, user interface prototype example, what is user interface prototyping, user interface prototyping model, build.me tutorial, scp build, sap splash and build tutorial, prototype user interface wpf, rs232 graphic user interface build, write program recognise common symbols neural networktext interface gui user interface pls read file attached , user interface prototype ipad, excel file entry web research copy paste, need few person to do some copy paste job, need to design a user interface for a web application html & css, need to design a user interface for a web application html css, i need a program to edit cfg files

Tentang Majikan:
( 0 ulasan ) Tysons Corner, United States

ID Projek: #19939117

Dianugerahkan kepada:

crtvecode

Hello, Since you don't need server side coding and need mock data, GraphQL is the perfect solution. We can create quick and mock data with Node.js, GraphQL. I am experienced in React & Node.js, GraphQL, Please check m Lagi

$499 USD dalam 10 hari
(47 Ulasan)
6.2

62 pekerja bebas membida secara purata $509 untuk pekerjaan ini

AzzkaNoor

Hello, I propose and looking forward to complete your project with perfection and right on time. Please provide us with an opportunity to help you and you will be served nothing less than excellence. I am eager and exc Lagi

$500 USD dalam 7 hari
(27 Ulasan)
7.2
wang1223

Hi. I am a developer with rich experiences of 5+years. I can do this project with high quality. If you hire me, you will see the excellent result as you want. Full-time job. I will respond at any time. Thank U. Bes Lagi

$255 USD dalam 10 hari
(33 Ulasan)
7.1
ITLove007

Hi, I'm senior react-native expert. - React-Native experience A music app (IOS & Android) with react-native experience: [login to view URL] [login to view URL] Lagi

$555 USD dalam 3 hari
(36 Ulasan)
6.9
anatolygenay123

Hello, Dear.. I have experience Website development for 7 years long. I have developed Website design, Website UI development, Database design and QA testing by myself. I am confident in your requirement skills and Lagi

$555 USD dalam 10 hari
(46 Ulasan)
6.8
hawkscodeaus

Hello, I have 8+ years in developing Android, Iphone and Ipad apps. My skills include Android SDK, OpenGL ES, Cocoa Framework, XCode, iPhone SDK, Cocos2D, Master Databases (MySQL ; SQLite), Geolocation (MapKit), Lagi

$700 USD dalam 10 hari
(70 Ulasan)
7.1
rkatoch

Hello dear, I have read your requirements for user interface prototype.. I have 10+ years of experience on web and Mobile applications and have delivered 50+ applications. I will be highly obliged to work on user Lagi

$666 USD dalam 10 hari
(3 Ulasan)
6.4
mascotindia123

Hi Currently, I am working As a Java Solution Architecture. I know JSP, Servlet, Spring, Aspectj, Ibatis, JPA, Hibernate, GWT, JSON, Groovy, Quartz, Spring Security, JQuery, JavaScript, Ajax, AngularJS, VueJS. I have Lagi

$500 USD dalam 7 hari
(108 Ulasan)
6.6
rightbigboss

Hello How are you? I am a senior React Native app developer. I have rich experience in react, redux, saga, ES6/2015, expo and various React Native packages. [login to view URL] Lagi

$400 USD dalam 7 hari
(49 Ulasan)
6.7
JinDongZhe

Great! How are you,sir? Thank you for visiting my proposal. I've just read your job post carefully and much interested in your project and I am sure I can complete this in time perfectly as you want. I have been creat Lagi

$500 USD dalam 7 hari
(36 Ulasan)
6.4
idragon712

Hello Sir I'm a dedicated, details oriented, and passionate IT professional with an experience of 6+ years in website designing and development and Mobile app development. I have checked your attachments and understa Lagi

$500 USD dalam 10 hari
(25 Ulasan)
6.4
pmbitsol

I am a React Native Mobile application developer with experience in social apps. I have developed more that 15 apps in React Native from scratch and for clients across the globe, All of apps are live now on Google Pla Lagi

$555 USD dalam 10 hari
(13 Ulasan)
6.0
Gates777

Hello , How are you? I read your requirement carefully and understood perfectly. I am a senior react js and react native developer with +4 years of experience. I can work more than 40 hours a week. I think that I am su Lagi

$470 USD dalam 7 hari
(39 Ulasan)
6.2
gongfei

Hi How are you? I read your proposal and i am quite interested in your project I have rich experience in web development Look forward to working with you in good partnership Best regards

$500 USD dalam 7 hari
(17 Ulasan)
5.8
adeelpirzada

Hi, I am a Full Stack Lead Developer with a Decade of Experience with strong Expertise in Nodejs , ReactJs and Angular using Mysql or MongoDB. I have comprehensively developed social media, shopping carts, producti Lagi

$525 USD dalam 7 hari
(13 Ulasan)
6.1
JinTaiZhe

Dear Client. I have checked your job post and I am sure this is my job. I have rich experiences in react.js, redux-thunk, redux-saga, mobx, graphql, and react native. I assure I provide high quality product and deliver Lagi

$500 USD dalam 7 hari
(13 Ulasan)
6.0
WebExpert555

Hi, I am Ruyun. After reading description carefully, I've convinced this project is very suitable for me. Through over 8 years, I've been developing so many kinds of big and small projects with CSS, Bootstrap, HTML Lagi

$500 USD dalam 10 hari
(16 Ulasan)
5.6
kroim

Honorable Senior. How are you? I saw your project description in detail. I have experiences in web field using JavaScript frameworks and PHP frameworks, python frameworks. Also, I can develop mobile apps using react Lagi

$300 USD dalam 10 hari
(26 Ulasan)
5.8
yanghua8031

Hello, As I take this project, I will do my best! I have read your job description carefully and very interesting in your project now. I'm a seasoned iOS/Android expert with proven app development experiences in S Lagi

$555 USD dalam 20 hari
(15 Ulasan)
5.7
grigorywazin

Hi As a senior web and mobile app developer, my skill is perfect in your job. I’m very confident in ReactJS and ReactNative so I wanna dive in to this task right now. ---Main skills--- -Backend PHP : Laravel, Cod Lagi

$500 USD dalam 10 hari
(22 Ulasan)
5.8
Batista111

Hi, I have read your project requirement and understand you are looking for web developer for need a hotel room booking calendar with syncro and embed to website. I can start work immediately and will complete the ta Lagi

$500 USD dalam 15 hari
(31 Ulasan)
5.5