pavankjadda/eshopping-ui

eShopping application web user interface implemented with Angular 14.x, Bootstrap 5.x and Angular components

Hi 👋, I'm Pavan Kumar Jadda

Full Stack developer working on Java, Angular and React

• 👨‍💻 All of my projects are available at https://github.com/pavankjadda

• 📝 I regulary write articles on https://pavankjadda.dev/blog, https://medium.com/@pavankjadda and https://dev.to/pavankjadda

• 💬 Ask me about Java, Spring Framework, Angular, React, Jenkins, Docker and Aws ECS

• 📄 Know about my experiences https://pavankjadda.dev

• ⚡ Fun fact Geeks about latest developments in Java, Angular, React and DevOps

Connect with me:

Languages and Tools:

• Java
• Spring Boot
• Spring Data JPA
• Spring Security
• Angular
• ReactJS
• Docker Swarm and AWS
• Jenkins
• HTML and CSS

 

eshopping-ui's Issues

Refactor code to implement Lazy loading of the modules

Refactor code to implement Lazy loading of the API module. Divide the API module into a separate module.

Develop component code to Get Tax Rate

Develop component code to Get Tax Rate

Select dropdown not selecting default value when editing product

In the product edit page, product information loaded from DB and populated on UI. But existing values not loading for select dropdowns

Product update failed

Product update failed

Implement Manufacturer UI

Implement Manufacturer UI

Upgrade to Angular 9

Upgrade to Angular 9

Improve UserProfile and UserProfile edit UI

1. Improve UserProfile and UserProfile edit UI
2. Use Bootstrap 4.x Cards and ngx-bootstrap models to support Create/Edit/Delete operations against addresses

Develop Checkout user interface and components to process the request

Develop Checkout user interface and components to process the request

Implement AuthGuards in conjunction with HttpInterceptors

Implement AuthGuards in conjunction with HttpInterceptors

Module not found: Error: Can't resolve 'chart.js' in PrimeNG

ERROR in ./node_modules/primeng/components/chart/chart.js
Module not found: Error: Can't resolve 'chart.js' in '/Users/pjadda/WebstormProjects/SpringSecurity-SpringData-UI/node_modules/primeng/components/chart'
ERROR in ./node_modules/primeng/components/editor/editor.js
Module not found: Error: Can't resolve 'quill' in '/Users/pjadda/WebstormProjects/SpringSecurity-SpringData-UI/node_modules/primeng/components/editor'

Calculate and show total cart price during check out

Calculate and show total cart price during check out with tax included

Write UserProfile component code to create/update/delete address

Write UserProfile component code to create/update/delete address

Add the ability to update Cart products quantity

1. Add the ability to update Cart products quantity
2. Delete Cart product when the quantity is zero

Add JWT authentication

Add JWT authentication

Refactor Checkout UI and use Bootstrap 4.x instead of PrimeNG components

Refactor Checkout UI and use Bootstrap 4.x instead of PrimeNG components

Angular Synchronous Http Request: Fix aync and await code to create empty cart before adding product

Angular Synchronous Http Request: Fix aync and await code to create empty cart before adding product

Research on Authentication implementation with Angular 7

Research on Authentication implementation with Angular 7

Implement Product UI

Implement Product UI

1. Develop Product components for CRUD operations such as create, view, edit, delete operations
2. Develop Routes and add them to order-routing.module.ts file
3. Add Validators for the data

Add Cart delete functionality to cart screen

Add Cart delete functionality to cart screen

Disable Add to Cart button on the product view page when inventory quantity is zero

Disable Add to Cart button on the product view page when inventory quantity is zero and display available quantity when it's greater than 0

Prevent product quantity dropdown on the Cart page when the requested quantity reaches more than available on inventory

Prevent product quantity dropdown on the Cart page when the requested quantity reaches more than available on inventory

Implement Order Details UI

Implement Order Details UI with new components and code

Develop code for REST API createOrder() method

Develop code for REST API createOrder() method

Write Unit test cases for product component

Write Unit test cases for a product component

Develop component code for checkAndHoldInventory() method

Develop component code for checkAndHoldInventory() method

Implement validations for Register Page

Implement validations for Register Page

Add the ability to fetch the tax rate from backend

Add the ability to fetch the tax rate from backend

Add components to add Shipping address and Billing address

1. Add components to add Shipping address and Billing address from User addresses.
2. Add the ability to add a new custom shipping address and billing address.
3. Copy to User addresses if shipping or billing addresses are new

Refactor UserProfile component to support OneToMany update

1. Refactor UserProfile component to support OneToMany update
2. Split User profile update into 2 parts
   • Update/Create/Delete addresses
   • Update profile info

Calculate the tax amount based on zip code from shipping address

Calculate the tax amount based on zip code from shipping address

Fetch Product inventory from backend and restrict users to select not more than the maximum number quantity available

Fetch Product inventory from backend and restrict users to select not more than the maximum number quantity available

Fix Routing issue

Fix Routing issue

Refactor Cart API to create empty cart and send one cart product at time

Refactor Cart API to create empty cart and send one cart product at time

Add the ability to enter Product count during product creation

Add the ability to enter Product count during product creation

Develop Checkout screen model, service and component classes

Develop Checkout screen model, service and component classes

Upgrade to Angular 8.1

Implement HTTP Interceptors to add a token to every HTTP Request

Implement HTTP Interceptors to add a token to every HTTP Request

1. Intercept every request, and add Authentication Token received from Backend
2. Logout user if 500, 401,400 etc. received
3. Refactor components and remove HttpOptions Authorization code as it is taken care by Intercenter

Implement authentication mechanism with Angular 7

Implement authentication mechanism with Angular 7 and Spring Boot