В работе

Build A Desktop App (Template) Front end In react

This project is very simple.

The app is simply a website that runs in react. You are supposed to make the app communication through web-socket to a background service.

EDIT:You will not make the background service, but it should be possible to simulate it by sending raw json strings to the client.

EDIT:You also agree the code will be MIT Licenced.

APP DESIGN

When the user launches the page it is supposed to display a spinner, preferably

[login to view URL]

As it awaits connection to the desktop service.

You are required to use [login to view URL]

Once connected, it should show a small progress bar at the bottom of the spinner and some text which will be sent from the service as a json containing the text and progress value.(Something like how discord does)

After the service is ready, the (server service) will notify the app through websocket to either login or display the following pages.

This is the logic of how it should work

The server service code decides the logic i.e which page should be displayed and responds through json.

App receives json

parse json

if(current_page=login){

show login page with textbox for email+password.(send them through websocket plainly)

add button for login which should send the data as json.

}

else if(current_page=manufacturers_page){

it should show the first page which contains a dropdown(whose values will populated through websocket) and a button.

This values will contain mobile brands.

when user presses next, just send the chosen option id through websocket.

}

else if(current_page=devicemodels_page){

it should show a page which contains mobile device types in a dropdown(whose values will populated through websocket) and a button.

when user presses next, just send the chosen option id through websocket.

}

else if(current_page=operations)

{

After the user chooses a model, it should display a list of operations, this too will be sent from the service through websocket.

and a button for start.

when user presses start, just send the chosen operation id through websocket.

}

else if(current_page=operation_page){

The operations page is a progress bar and maybe some terminal like console showing log messages from websocket.

at the bottom we should have a button containing a close operation.

when the user presses this, it should send c message through websocket signaling a close so the server can respond with a reset to the first page

}

EDIT UPDATE:

This two libraries are supposed to be used in the projects design

react-redux-websocket [login to view URL]

and

react-loader-spinner [login to view URL]

I prefer that you make it easy for me to add pages, e.g I am required to later on add a page that should load an iframe based on the servers request.

At the end of it, I should be able to simulate the servers response by sending raw json strings to the client which you are making.

This are some photos of what I tried in angular, I can guide you along since I'm also a developer.

In the photos I used [login to view URL]

for testing as a demo server

This is what I had earlier made in angular, it works but has bugs. I don't need angular [login to view URL]

Квалификация: CSS, HTML, HTML5, React.js, Дизайн сайтов

Показать больше free matrimonial website template front end backend, iphone app design front end, desktop app template design, electron app examples, web based desktop application, electron music player, proton native, electron js, electron tutorial, electron react, electron atom io docs, web app iphone front end, build a desktop page, build a phone app, build a shopify app, build a web app, build a website from template urgent!, build a websiteweb app, building a team - looking for front-end developers, freelance web designer and developer wanted to help us build a new website &amp more work in the future

О работодателе:
( 0 отзыв(-а, -ов) ) Chwele, Kenya

ID проекта: #19756586

18 фрилансеров(-а) в среднем готовы выполнить эту работу за $57

Yashin1224

Hello i am very interested in your post project. i am sure i can provide you perfect result as you want since i have rich experience on react-redux, and node js, angular , vue, something like SPA. please call me Yashin Больше

$20 USD за 7 дней(-я)
(20 отзывов(-а))
5.7
bluesea1990

Hello. Welcome! I'm excited that you’re here! ✅ I have been working as a professional web developer for the last 10 years + and have done many sites. ✅ I am confident you will be most satisfied with the work we Больше

$20 USD за 7 дней(-я)
(32 отзывов(-а))
5.1
alkajain2906

Hi, I have 5+years Experience in Website/Software Design & Website Development. I'm an Expert in: -Frontend & Backend Development -Python -Data Science -Machine Learning -JVM technologies -Jquery, PHP -Ion Больше

$25 USD за 1 день
(31 отзывов(-а))
5.2
leemilun

Hi. sir. Nice to meet you. I checked your project description about react-redux-websocket and I am very confident to do this project. I mastered web development and have much experience. I am not any agent or broker bu Больше

$20 USD за 7 дней(-я)
(18 отзывов(-а))
5.1
BoyVit85

⭐⭐⭐⭐⭐ Hi I am a ReactJS expert and I am confident on your job. Also I can do that with my this price for your successful product. I have developed so many high quality web applications by ReactJS, Node.JS suc Больше

$25 USD за 1 день
(18 отзывов(-а))
4.8
KimHyokJun

Need Web Development or Business Growing? My experiences range from building responsive software design that work well cross-browser to Business Goal. I am glad to provide full solution to you. We Are in House of Web Больше

$500 USD за 5 дней(-я)
(23 отзывов(-а))
4.4
alexsun1222

Hello mate I am glad to place a bid to your project. i read your project description carefully and i checked your screenshots and i am interested and confident in your project i am good web developer. i hope to discuss Больше

$20 USD за 7 дней(-я)
(3 отзывов(-а))
4.0
zeligz

Hi there, I’d really like to work with you on this one if possible! I have a few more Queries that I would like to clear and I can then provide you with a final Quote for this project. Please initiate a chat for Больше

$75 USD за 1 день
(8 отзывов(-а))
3.7
ExpertMMM

Dear sir I have developed for 10 years and I have many experiences with HTML, CSS, jQuery, Bootsrap, Vue.js, React.js, and Node.js I have built many responsive front end design using React.js and Rest API We can mak Больше

$25 USD за 1 день
(5 отзывов(-а))
3.2
EliteMobile330

How are you? I really would like to work for you. I'm full stack professional developer who has 6 years. I have rich development experience and have developed many web apps. If you hire me Больше

$30 USD за 1 день
(7 отзывов(-а))
2.9
ZhangHuaQiang

Hello. I am very pleasure the opportunity to discuss this job with you. I am a full time freelancer with skills and experience on PHP and PHP frameworks, JavaScript and JS frameworks and etc. Especially, I have exper Больше

$30 USD за 7 дней(-я)
(7 отзывов(-а))
2.9
LOGOalsoLOGO

Hi , How’re you today? I have just seen your requirement, so may I ask you sir what you are searching for? Would you like to let me know what types of logo design & color you prefer to get ? Portfolio Link : ht Больше

$20 USD за 1 день
(8 отзывов(-а))
2.6
mohitlavaniaplay

Hello Sir, I have read your requirements and i can develop this app for you, I have completed some similar projects lately and I'm very much confident that i can provide you best quality work with some very good funct Больше

$100 USD за 7 дней(-я)
(3 отзывов(-а))
2.4
Irina20100101

Hello,sir I have read your description carefully. I am interested in your project...I have wealthy experience in React development. I will make the pixel perfect website that will be responsive on all devices. And I pr Больше

$30 USD за 1 день
(2 отзывов(-а))
2.1
mailpranavkumar

I have 8 plus years experienced in developing web site with java , angular , spring boot , rest and ajax .

$20 USD за 7 дней(-я)
(0 отзывов(-а))
0.0
jitesha43

I can give you the quality work

$18 USD за 3 дней(-я)
(0 отзывов(-а))
0.0
yusupkuba2

I'm new, but I want to practice this project. if you give me a chance, I can do it. Thank you for listening)

$25 USD за 4 дней(-я)
(0 отзывов(-а))
0.0
fashionstar66

Hello, \r\nAs I have accumulated gained rich experience with web applications, I\'m pretty sure I can deliver satisfactory product for you.\r\nI can give you better suggestion based on detailed requirements.\r\nYou can Больше

$25 USD за 3 дней(-я)
(0 отзывов(-а))
0.0