Lukket

Create a css/html template using AngularDart angular_components (material design)

This assignment concerns the partner portal (now in prototype) for [login to view URL]

You can see the exiting working demo at

[login to view URL]

user: demo

password: upwork753

The system is build using AngularDart and [login to view URL]

The deliverable of this assignment will be specifying the missing components and creating html/css templates for those components in order to specify the following requirements:

PORTAL REQUIREMENTS

- Shop manager can log into the portal using username and password (done)

- Shop manager can select a shop to work with in the top right corner from the list of shops assigned to his user object (done)

Orders

Shop manager can see the list:

- of new orders (placed orders)

- active orders (accepted by the shop, being prepared)

- Ready orders (marked ready for pick up)

- History orders (a searchable list of past orders)

Shop manager can accept or reject a new order (reject has to have a reasons selectable)

Shop manager can mark an active order as ready for pickup or reject an order

Shop manager can mark an order as picked up or expired

Shop manager can move an order from history if

Order has been marked as expired, but the customer still wants to pick it up

Offers

Shop manager can see the list:

Active offers (those that are running now)

Offers templates (offers that can be used to create new offers)

Offer history (offers that have been sold out or expired) with search functions

Shop manager can add a new offer:

From scratch (by using + button on the active offers screen)

From a template (by using + button next to a template of the offer)

From history (by using a + button next to a historical offer)

Shop manager can increase or decrease a quantity of the active offer by using a + or - buttons next to the offer quantity or by typing a new number of portions

Shop manager can mark an active offer as sold out or expired by pressing a corresponding button with a warning dialog

Shop manager can not edit an active offer except of the above possibilities

Shop manager can edit the offer templates

Shop manager can see the details fo the active offers and offers history (in a form similar to creating a new offer)

Preferences

Automatically accept orders after x minutes after it is placed

Automatically mark orders as ready after x minutes after it is accepted

You will need to have had a recent provable experience with designing ui in material design having used the actual components from [login to view URL]

The components need to be designed (estimated based on the requirements):

- portal theme (based on existing style guide)

- login screen (already implemented, needs redesign)

- offers list (implemented, needs redesign)

- offers search/filter

- offers form

- confirmation dialogue

- orders list (implemented needs redesign)

- orders search/filter

- transactions list

- preferences screen

- account details screen

- notification bubble and dropdown

The components above should be using only the building blocks from [login to view URL] or custom-made stylesheet strictly following material design guidelines.

The test assignment will be to offer an alternative design of the "Active" list at [login to view URL] and associated "Details" form.

You can find the current html/scss of these two components attached below.

You will be asked to answer the following questions when submitting a proposal:

- Please explain how do you use material CSS mixins in order to theme the whole application and style individual components? (please paste a few lines of working SCSS as an example)

- Please give us an example of a component (angular or pure css/html) that you have recently designed using material design.

- Please complete the test assignment.

Evner: Angular Material, CSS, HTML, HMLT5, Web Design

Se mere: angular dart widgets, angular dart material components, angulardart wiki, angulardart flutter, angular dart material icons, angular dart create component, angular dart gallery, angulardart table, css html template report, html template using css, html template using css table, php smarty create css via template, css html template, zen cart build css html template, free css html template personal website mathematics, create global html template, css html template database operation, css html template professional form, create css joomla template, sea css html template

Om arbejdsgiveren:
( 0 bedømmelser ) Prague, Germany

Projekt ID: #18801824

22 freelancere byder i gennemsnit $560 på dette job

rathorevinod13

Hello there, Hope you are doing great !!! I have checked your complete requirement and we can surely provide provide you perfect solution for the same. Here is our custom backend developement work from scratc Flere

$555 USD in 10 dage
(30 bedømmelser)
6.8
seemasit

Hi there, I've gone through the post description carefully and ready to start work on this project. Requirements are very clear but please come over the chat so that i can get more requirements if remaining. I am Flere

$555 USD in 10 dage
(67 bedømmelser)
6.8
bestcoder2018

Hello How are you? I am a senior angular 2+ developer. I have done many angular projects. I can show you my previouse projects. I’d love to talk more with you, send me a message so we can chat. Best Regards.

$555 USD in 10 dage
(12 bedømmelser)
5.7
Grisha97924

Hi I have just checked project details. I have completed project similar to this project. I have rich experience with Angular Material, CSS, HTML, HTML5, Website Design. I am confident and ready to start work. Wis Flere

$555 USD in 10 dage
(42 bedømmelser)
5.9
developer2581

HI Hello Sir, We have gone through the details you have provided and would be pleased to work on this with you to deliver the results that you have expected and We are sure you will not be disappointed if you giv Flere

$555 USD in 10 dage
(31 bedømmelser)
6.1
ludwig333

Hi. i am a full web developer with over 5 years on freelancer.com. ****SPECIAL Angular+Laravel+React Expert***** I have read your description and have interests in your project. I have rich experiences in projects Flere

$250 USD in 10 dage
(38 bedømmelser)
5.9
brightstar928

⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ Hi I read your job description carefully and I can do your job perfectly. I have developed many websites So I can know what you mean and I am ready for you now. If you hire me, I will finish your job A Flere

$500 USD in 10 dage
(32 bedømmelser)
5.6
rukeysolutions

Hello, I have 6 years of experienced on mobile application ( Android +iphone/ ipad ) and App admimn with development web services where admin can manage the app from backend ,. I have developed the TAXI apps, google Flere

$1111 USD in 10 dage
(115 bedømmelser)
6.1
kirstarg

Hello! How are you? We have a few works like this. You can see our profile or ask me for show you some links of our work, all from my company. I can show you my works and talk about everything. My priority is get good Flere

$750 USD in 15 dage
(18 bedømmelser)
5.2
AwaisChaudhry

Hi there, I have checked the details I have great experience with Angular Material, CSS, HTML, HTML5, Website Design. Please start the chat so we can discuss this job more in detail. Thanks

$555 USD in 10 dage
(16 bedømmelser)
5.2
pradeepdeveloper

Hello, I am expertise in Android,ios, Angular Js,ionic,Node Js,PHP, Mysql, WordPress, Joomla, Magento,cake php, yii,yii2, codeigniter,Laravel,OpencartWeb design, Graphics design,Psd to Html,Responsive Website. some o Flere

$722 USD in 10 dage
(20 bedømmelser)
4.9
hiteshkumar2

HI I am Hitesh Sofat. I totally understood your requirement regarding Javascript and ES6. I would like to share my personal experience with you regarding web development. I have 5 year's experience in web developm Flere

$555 USD in 10 dage
(14 bedømmelser)
5.1
Ivan927

Hello! I am very interested in your post project. i am really looking for this kind of project for a long time in freelancer since i have rich experience on it. I think this project is very suitable for me and i am Flere

$555 USD in 10 dage
(7 bedømmelser)
3.9
daistar125

Hello Dear. I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. I have worked on similar projects to what you are looking for, and I am confident I can exc Flere

$500 USD in 10 dage
(3 bedømmelser)
3.2
maryumakhter5

Hi there, I am a Full Stack developer and offering my expertise in Angular App Development. Angular is a superheroic front-end JavaScript framework, If you want a reliable, flexible and fast front-end for your applica Flere

$277 USD in 10 dage
(3 bedømmelser)
3.2
waseemsaleemg

Hi Dear, Our best concern is to follow your requirement and deadline and we will do our best for the success of your project. Feel free to send message to discuss your project with us. Thank you very much! Surely, we Flere

$333 USD in 5 dage
(4 bedømmelser)
3.0
avto35217

HI there. How are you doing? I am a full stack web developer who has decent experience with most of the javascript frameworks and libraries, and also the php frameworks like CI and Laravel. I am also used to work on ag Flere

$555 USD in 10 dage
(1 bedømmelse)
2.3
mukeshmaven

Hello Hiring Manager, Thank you for your job opportunity We reviewed overall mentioned details and are clear to the scope. I can full fill your all requirement please ping me for deep discussion Below are o Flere

$750 USD in 10 dage
(3 bedømmelser)
2.1
shenji108

Hello, Sir. I saw your description and i bid you. It is because i thought i am person who you find. I am FULL STACK web and android developer and I can communicate freely(English). So if you communicate about your Flere

$400 USD in 6 dage
(1 bedømmelse)
1.5
sombathwise

hello, how are you? I am interested in your project description. I have just seen your site and your project description. if you want , I am going to send you to my angular component using angular6/7 and angular m Flere

$666 USD in 10 dage
(3 bedømmelser)
1.3