NAME OF PROJECT
CS Canned Replies
LANGUAGES USED
HTML, CSS & JavaScript
DESCRIPTION
This project is a re-creation of how I was introduced to coding back in 2021. A colleague and myself wanted to improve how we reply to the customers so we ended up making something of our own.
The Process
In 2021, I delved into my first job in iGaming, and the introduction to canned replies or hotkeys caught my interest since I hadn't encountered them in previous roles. However, the existing system's efficiency didn't quite meet my expectations. Alongside a colleague, we decided to create something more tailored. Back then, I was quite clueless. We used CodePen for the initial attempt, learning on the go. Now, equipped with more knowledge, I wanted to recreate it from scratch.
The Design
The project aimed to streamline our replies, moving away from the less efficient process of consulting a Word document or the system itself. We retained the canned replies but introduced a single-button solution. With a click, the reply was copied and ready for pasting in the chat. This enhancement significantly accelerated our response time. To create tailored iGaming replies for customer support agents, I utilized ChatGPT to not share any information from actual companies. The JavaScript snippet for copying to the clipboard was researched, understood, and then fine-tuned to meet the project's requirements.
For the project's aesthetics, it was mostly a product of my break time on CodePen during work, adopting an on-the-go design approach without a formal design file or specifications.
The Challenge
Working on this project, my grasp of responsiveness and JavaScript was in its infancy. Despite these challenges, I navigated the learning curve to find ways to achieve one-click copy to clipboard functionality. I also focused on optimizing the project for a customer support agent's usage, ensuring it worked seamlessly within a small portion of the screen, as demonstrated below.