Terminé

Reconstruire une WebApp reactjs avec Redux

I created a WebApp with Reactjs a few months ago. The Webapp is on the touchscreen of my smartlockers (for parcel deliveries). The main goal of the app is to let the user do two thing:

1) Enter a deposit code we give them to open a door on the locker

2) Search a list of members connected to the locker, select a user and select a box size to deposit a parcel.

The App is already un and running, but I did it myself with poor understanding of ReactJs. I did not used Redux and it can be optimized in a lot of ways.

This is a live demo of the app: [login to view URL]

This is a full video showing the locker, the screen and the door opening system: [login to view URL]

I would like to optimize API requests, make the application more efficient, work on the visual and make the platform more professional. This requires to redo much of the app.

Here's what the platform needs to do:

1) Present a homepage with 3 buttons (Enter a code, Search among a member, Information)

2) Enter Code page allows you to enter a code that is sent to the server for validation. If validated, the page sends a simple request to a Webhook. If the code is not good, present a 'Unavailable' page.

3) 'Info' page, presents simple text

4) Page 'Search among members'. First API request fetch the list of members. The list must be saved in the state (to limit the need to always fetch the list again each time you interact with the locker. The state must be cleaned when the user return on the 'Home page'. By choosing a member, one must then press on a second button among three that determines the parcel size that will be selected. Once selected, an API request is sent and if successful, the app sends a new request to a Webhook for opening a door.

5) The 'Search among members' page is accessible only when you enter a valid access code. At the end of the interactions with the locker, the user can press a button that 'locks' the locker and removes the temporary DB.

-After X seconds of inactivity, the Webapp automatically returns to the home page and delete the state

- The pages must have beautiful effects of transitions with a small delay, to prevent going too fast from one page to another.

Compétences : React.js

en voir plus : cherche travail online saisie de donnes ou autres français espagnol depuis bolivie, correcteur français freelance, emploi traducteur anglais français freelance, react redux router, create react app, create react redux app from scratch, react native redux, react redux tutorial, react redux example, react-redux npm, react progressive web app example, freelance français, freelancer en français, freelancer français, photoshop gratuit telecharger français, site de freelance en français, telecharger freelancer français, travail en ligne graphique design français, travail free lance français, translation des textes du français en anglais ou le contraire

Concernant l'employeur :
( 3 commentaires ) Saint-Denis-de-Brompton, Canada

Nº du projet : #19921714

Décerné à:

HongCStar86

Hi I have read your posting carefully and very interested in it Because, React & Python/Django are one of my strongest skills I have checked your instruction and understood what you want to build I can rebuild you Plus

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% CAD en 3 jours
(1 Évaluation)
2.8

12 freelance font une offre moyenne de $184 pour ce travail

rightbigboss

Hello, how are you? I am very familiar with node.js/react.js skills using ES5/ES6/ES7. Material ui, reactstrap, react-bootstrap, mdbreact and so on are no problem to me. Also React.js can be integrated with Redux SAGA/ Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(21 Commentaires)
6.4
gongfei

Hi How are you? I read your proposal and i am quite interested in your project I am an expert in React js, nodejs Look forward to working with you in good partnership Best regards

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(5 Commentaires)
5.2
AndreiPPB

Hello. I'm very interested your project. I read your description carefully. I'm very talented MERN stack developer. if you assign to me this project, you can get a cool result. please contact me. thanks. best Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(4 Commentaires)
4.7
artemu1223

Hi there! As a talented full stack developer, I am very confident with my skills and I have rich experience in React.js, Node.js, Javascript. For the last 5 years, we have worked on a lot of projects like this one and Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(12 Commentaires)
4.5
Yknox

"Hello, I'm Jin S, developer in China. I’m interested in the project you recently posted. I'm a certificated freelancer with over 1000 good reviews from clients. I have experienced knowledge in every part of Web dev Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(7 Commentaires)
4.4
wang109

Hi there. I have read your job descriptions. And I have full confidence to do it perfectly. I am a full-stack developer with 4 years of experiences. It means that is no problem for me to follow your requirements ab Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(2 Commentaires)
3.7
whiteeagle0001

Hello,How are you? I have read your description in more detail and have much interest in your project. So I think that I can finish your work perfectly as you need.I have many experiences for Node js, React-Redux. If Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(4 Commentaires)
3.5
skysoft0405

Hello I am an experienced web & mobile developer with over 7 years. And I have many working experiences with React.js, Redux and REST APIs. I can help you with this project. Please get in touch now. Looking forward t Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 4 jours
(4 Commentaires)
3.6
crocodile305

Hi... How are you?. I saw your description carefully carefully and i'm very interesting in your project. I have rich experience in react.js, react native ,angular, ionic, vue.js so i can do your project. Also i Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(4 Commentaires)
3.3
alexwmsoft

Hi there I am an Django expert have 6+ years experience in developing website using python/Django and so on. I have developed the several websites using Django so I have good experience with Django. I read you Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(2 Commentaires)
3.0
polarjin2017

Hello? Nice to meet you. I am excited to work with you on this project. I am ready to start work immediately. Here are my working result for React js with google api and firebase. [login to view URL] Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(1 Évaluation)
0.6