biansor-logobiansor.com
Apr - Oct 2023
customer-portal-log

Customer Portal

Fully customizable web application tool for businesses to digitize communication and workflows.

Technical Specs

  • Developed as a Progressive Web App (PWA), ensuring responsiveness and user-friendliness across web and mobile.
  • Integrated Firebase and Push API for push notifications.
  • Used rtk-query-codegen-openapi for auto-generating and managing APIs to maintain backend consistency.
  • Implemented RESTful APIs with Data Transfer Objects (DTOs).
  • Used NextAuth with Cognito for sign-in, authentication, and user management.
  • Employed Prisma ORM for database modeling and connections.
  • Managed roles and permissions with CASL.
  • Utilized a monorepo with Storybook for component documentation and test isolation.
  • Adopted Turbo for bundling.
  • Implemented an event-driven architecture to decouple services.
  • Added internationalization with i18n.
  • Integrated Cypress for E2E testing and Jest for unit testing on both front-end and back-end.
  • Both front-end and back-end are fully written in TypeScript, adhering to best practices.
  • CI/CD automation (build, test, deploy) uses Helm Charts for deployment in Kubernetes clusters for DEV, Test, and UAT environments.
  • Fully customized components built on top of Material-UI.

Features

  • Authentication with Cognito
  • Change password
  • Dashboard
  • Inventory management (CRUD)
  • Loan 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 booking
  • Hierarchial catalog items, with attributes and variants per items.
  • Activity log
Role
Contributions
  • Responsible for maintaining and adding new features both FE and BE from scratch.
  • Handled user stories.
  • Convert UI/UX design into codebase.
  • Bug fixing, improvements.
  • Creating unit tests and e2e test.
  • Closely collaborating with other devs, QA and project manager.
  • Implement best practices, strong typed, clean code.
Prev
Bobcat
Next
Veterinář do kapsy - Vet
biansor-logo
Developed & designed by
Biansor Almerol
biansor.com © Jan 2025 - Present. All rights reserved.