biansor-logobiansor.com
May 2023 - Jun 2024
bobcat-logo

Bobcat

Rental web application with inventory management tool built on top of Customer portal. Utilizing Camunda BPMN for automating order processes.

Technical Specs

  • Progressive web app (PWA). Responsive and user friendly on both web and mobile resolutions.
  • Integrated with push notifications services using firebase and Push API.
  • Utilized packages/rtk-query-codegen-openapi for auto generating and managing APIs to make sure the consistency on back-end side.
  • RESTful API integrated with Data Transfer Objects (DTOs).
  • Next Auth (AWS Cognito, Okta) for Sign-in and authentication and user management.
  • Prisma ORM for data modeling and connection to database.
  • CASL for managing roles and permissions.
  • Monorepo, centralized components with Storybook for documentation and test isolation.
  • Integrated with Grafana for dashboard report.
  • Utilized event driven to decouple services.
  • i18n for internationalization.
  • Integrated with Cypress for E2E test automation and Jest for unit test both front-end and back-end.
  • Fully written in typescript both front-end and back-end in best practices.
  • CI/CD automation integrated with Helm Chart to deploy in Kubernetes cluster.
  • Dev, Test and UAT environments.
  • Main process are automated using Camunda BPMN Zeebe.
  • Fully customized components built on top of Material-UI.

Features

  • Authentication with Okta and Cognito
  • Change password
  • Dashboard and reports
    • Management demo dashboard
    • Management inventory dashboard
    • Operations dashboard
  • PDF generation from backend
  • Inventory management (CRUD)
  • Demo request ordering with shopping cart
  • Ability to add comments and attachments per order requests
  • Email and push notifications
  • User management
  • Multiple user roles and permissions
  • Company management (CRUD)
  • Booking calendars of orders and reschedule of bookings.
  • Hierarchical catalog items, with attributes and variants per items.
  • Segregated process for internal and external customers.
  • Multiple custom feedback designs in the order process.
  • Activity log
Role
Contributions
  • Responsible for maintaining and adding features both FE and BE from scratch.
  • Handled user stories.
  • Convert UI/UX design into codebase.
  • Bug fixing.
  • Creating unit tests and e2e test.
  • Closely collaborating with other devs, QA and project manager.
  • Implement best practices, strong typed, clean code throughout the application.
Prev
Carrier e*Service
Next
Customer Portal
biansor-logo
Developed & designed by
Biansor Almerol
biansor.com © Jan 2025 - Present. All rights reserved.