IB.
#
Next.js SSR Webview

Internal Back Office Website

Ringle is a South Korean EdTech leader with £60 million in annual revenue, offers specialised one-on-one English lessons with tutors from top global universities.

Setting Up of Internal Back Office Website Project

Tech Stack - React.js, Next.js, Typescript, yarn, Redux toolkit, Antd

Duration - August 2022 ~ June 2023

Webview Screenshot

Frontend Migration Project for key pages of an existing internal back office site previously implemented with MVC pattern. Led the setup of a new project and experimented with technologies before introducing them to the existing product, sharing lessons learned and applying them to the existing product before its adoption.

✔️ Key Implementations:

  • Setting up the project’s technical environment and implementing core features.
  • Establishing project conventions, including linting rules and state management tools.
  • Introducing automation for REST API endpoint and type definitions using Swagger TypeScript generator.
  • Developing high-order UI components for commonly used formats like headings, tables, and filters to enhance development efficiency.
  • Addressing user interface and usability issues based on feedback from the previous back office site.