Angular simple webshop with Firestore
- or -
Post a project like this1972
€100(approx. $108)
- Posted:
- Proposals: 8
- Remote
- #2214279
- Awarded
Top rated PHP Web Development | WordPress | Magento | Drupal | OpenCart | PrestaShop | Joomla
Leicester
Web Design & Development, UI/UX designs, Logos, Flyers, Ads, Brochures And Much More..
Chandigarh
2432891506139105075413823931726988194757524011832462550
Description
Experience Level: Intermediate
Estimated project duration: 1 day or less
Hello
I need a very simple Angular app. Purpose is that someone can order some products. Requirements:
1/ A default list of products should be retrieved from a Firestore database
2/ The user can select one or more of those products. Every time the user clicks on the product, the quantity that will be ordered increases with 1 unit.
3/ The user will see a basket. The basket contains a form with a name field and a pincode field. The pincode will be used to group orders from multiple persons who entered the same pincode. Note that the grouping is not part of this request; this is only to paint the whole picture. However, a pincode field should be available.
4/ The basket must display the products the user chose with the ability to change the quantity. The line total must be shown (e.g. quantity = 2; price per unit = €4 => line total = €8).
5/ The user has the option to add products not from the list. In that case, he must enter a quantity and a product name. No price is required. The user may enter multiple products not from the list.
6/ On submit, the data (username; pincode; products from the list + quantity + price; newly added products + quantity) is stored in Firestore.
Please use the most recent version of Angular and follow best practices . The app should work in Chrome, no need to consider other browsers. Styling is not important and not necessary. Hosting will happen on my own server, not on Firebase. Please document your code so that it's readable and immediately clear what's going on.
Feel free to ask any questions you may have. I'll get back to you soon! Budget is open for discussion.
Thank you!
Tom
I need a very simple Angular app. Purpose is that someone can order some products. Requirements:
1/ A default list of products should be retrieved from a Firestore database
2/ The user can select one or more of those products. Every time the user clicks on the product, the quantity that will be ordered increases with 1 unit.
3/ The user will see a basket. The basket contains a form with a name field and a pincode field. The pincode will be used to group orders from multiple persons who entered the same pincode. Note that the grouping is not part of this request; this is only to paint the whole picture. However, a pincode field should be available.
4/ The basket must display the products the user chose with the ability to change the quantity. The line total must be shown (e.g. quantity = 2; price per unit = €4 => line total = €8).
5/ The user has the option to add products not from the list. In that case, he must enter a quantity and a product name. No price is required. The user may enter multiple products not from the list.
6/ On submit, the data (username; pincode; products from the list + quantity + price; newly added products + quantity) is stored in Firestore.
Please use the most recent version of Angular and follow best practices . The app should work in Chrome, no need to consider other browsers. Styling is not important and not necessary. Hosting will happen on my own server, not on Firebase. Please document your code so that it's readable and immediately clear what's going on.
Feel free to ask any questions you may have. I'll get back to you soon! Budget is open for discussion.
Thank you!
Tom
Tom D.
100% (5)Projects Completed
5
Freelancers worked with
5
Projects awarded
86%
Last project
21 Jul 2023
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies