Browse by Category
Get up to $300 bonus now! Click Here!
Home Freelance Jobs JavaScript Jobs Building Simple Shopping Cart ..
flairflair Do you think you can handle this job? Submit proposal

Building Simple Shopping Cart System for an eCommerce site

14 days
Submit a proposal
Post a job like this
Problem Statement: We must build a simple eCommerce website's shopping cart system. It does not need any backend and middle end; it just needs the front end. Please help us build the UI/UX of the shopping cart system. The system has to show the list of all products and search them by name and price. And customers can add some products they want to buy to the shopping cart and remove some of them from it. If there is nothing in the shopping cart, it has to show an empty shopping cart image. And if not, it has to offer a list of products by category with their names, prices, amounts, etc. Description: Create an empty React.js Project and install Build a Layout of the Shopping Cart System and add styles. Make a data structure of the product list. Implement the Search function and Scroll-Spy function, adding products to the shopping cart and removing products from the shopping cart. After doing all these, have a test and fix bugs. Prerequisites: Good knowledge of JavaScript, including DOM manipulation and JavaScript Object Model Deep understanding of React.js and its core principles Previous experience with popular React.js workflows (such as Redux) Familiarity with the more current EcmaScript specifications Familiarity with HTML / CSS Hints: Build a layout with several components. Make a card for a product description. Make a data structure of all products as an initial state variable in redux. Implement Adding and removing products using a reducer You can implement the search function using core java. script You can implement the scroll spy function using react scroll spy .module
Submit a proposal
Post a job like this
Share project with your friends
copy link
Sponsored jobs
Similar jobs
standup-comedy-experts,Stand-up Comedy Experts#storytellers,Storytellers#advertisers,Advertisors#salesforce-app-developer,Salesforce App Developer#wireframing-experts,Wireframing Experts#squarespace-designers,Squarespace Designers#chatbot-developers,Chatbot developers#hootsuite-specialists,Hootsuite Specialists#scrum-master-professionals,Scrum Master Professionals#document-scanning-specialist,Document scanning specialists#blockchain-tester,Blockchain Tester#software-architects,Software Architects#conversion-rate-optimizers,Conversion Rate Optimizers#lumion-specialists,Lumion Specialists#freshdesk-specialists,Freshdesk Specialists#mercurial-developers,Mercurial Developers#nginx-developers,Nginx Developers#git-developers,Git Developers