Delivery App for ElifTech School

This delivery app is tesk task for ElifTech School.

Thanks ElifTech for intresting and working case test task.

Was selected the complexity of the middle in the specification.

---

Implemented functionality:

• Get from server data list of products for a particular store.
• Get from server data of particular product.
• Cleaning shoping cart when user change shop.
• Warning about cleaning cart when changing shop.
• Check if user cart doesn't have any items warning will not to use.
• Update cart information on server and show actual info.
• Validation form (onBlur working) and checking valid data until submit.
• Creat order with sended form data, total amount, link to ID shop cart, isConfirmed and isDelivered info (default values: false).
• Cart data storing in LocalStorage. If you check items and leave from page your cart will be save.
• Created 2 dev routes for add new shop and new product item (don't using from client side).
• Simple styling use less.
• Deployed for server (Google Cloud).

---

Unrealized finctionality:

Because I must complited this task for 3 days, and it's my firs e-commerce pet-project, some functional didn't realize or wrong realized in time for the deadline.

If I had more time, I will realize:

• Optimize endpoins from server. After created this project I understood, that firstly need to create theese endpointes that will using most often. It's saved a lot of time and DRY would not be violated.
• Creat placeholders for loading elements.
• Adaptive styles from 4-5 width's breakpoints.

---

Stack:

• Back:

  • JavaScript
  • Express
  • MongoDB

• Front:

  • TypeScript
  • React
  • Redux-toolkit
  • Webpack
  • Less
  • CSS Modules
  • React hook form
  • React router dom
  • Axios