Happy Succulent
React | React Router | TypeScript | Material UI | E-commerce
project-1
Happy succulent is a functional, easy to use e-commerce website.
Features

🌟 Implemented routing to change pages by updating only necessary components.

🌟 Built dynamic endpoint depending on user’s input to guide the user to the category pages and product view pages.

🌟 Displayed selected items fetched by ID.

🌟 Built simple and user friendly interface.

🌟 Wrote all the codes in a safer way with type declarations.

🌟 Achieved responsive design for mobile, iPad and bigger screen.

🌟 Built add to cart function which brings data of a current item to cart preview and inside of the cart.

🌟 Equipped quantity change function which enables the user to change quantity of each item inside cart while updating total quantity and subtotal of the cart.

🌟 Built delete item function with total quantity and subtotal updates inside the cart.

🌟 Implemented quantity change button in a way that it is a drop down button when its value is less than 9, and a text field when its value is more than 10.

🌟 Set 404 page in case when an endpoint for either category or item has been deleted.

🌟 Built search function that users can search products by typing words or letters.