Back to Projects
KTalk Language Centre - Korean Language Centre Website

KTalk Language Centre - Korean Language Centre Website
Professional Work

KTalk Language Centre is a responsive web platform for presenting Korean language programs, campus information, activities, accommodation, tutors, testimonials, and enrollment information.

I worked as a Frontend Developer, building the platform's UI from the initial implementation and integrating dynamic content through APIs.

My Role

Frontend Developer

My Contributions
  • Built the complete responsive UI from the initial implementation.

  • Developed Home, Campus, Programs, Activities, Accommodation, and Enrollment pages.

  • Built dynamic enrollment forms with validation and Google reCAPTCHA.

  • Integrated course detail data through APIs.

  • Integrated tutor and testimonial APIs.

  • Built activity media fetching with category-based filtering.

  • Integrated Google Analytics and Channel Talk.

  • Developed FAQ and vision/mission content sections.

  • Built responsive layouts across all pages.

  • Implemented utility features including date conversion.

  • Refined UI components and responsive behavior across desktop and mobile.

Challenges & Solutions

1. Dynamic Media Gallery

Challenge: Activities required dynamically loaded media with category-based filtering.

Solution: Integrated the media API and implemented category-based filtering for the activities gallery.


2. Complex Enrollment Forms

Challenge: Enrollment forms required validation, international phone numbers, and spam protection.

Solution: Implemented country-code selection, form validation, and Google reCAPTCHA.


3. Responsive UI

Challenge: The platform needed to provide a consistent experience across desktop and mobile devices.

Solution: Built responsive layouts and components across all major pages, adapting the UI for different screen sizes.

React
React Router 7
TypeScript
Redux Toolkit
Tailwind CSS
Vite
This project was developed as part of my work at Potential Inc. The source code is proprietary and belongs to the client/company.