We Developed a System Where You Can Get Certified Translation in Just 2 Hours

Hans A., Junior Front-end Developer

  • August 26, 2025
Total Feedback Counter
Smiling OFW with a luggage and KabayanXpress in the background

What if I told you that getting a certified translation no longer means waiting for weeks or days? At Lexcode, we’ve revolutionized the translation process with a system that lets clients get certified translations in as fast as two hours—perfect for tight deadlines, visa applications, or legal submissions. 

 

As part of the front-end team, I focused on making the experience smooth and responsive, whether on a phone or desktop. Here’s the inside story of how we built this breakthrough system and some challenges that pushed us to innovate. 

What We Used to Build It 

Speed and flexibility were our top priorities. We used: 

  • Next.js for fast load times and smooth page transitions
  • Tailwind CSS to quickly build clean, responsive layouts
  • Zustand to manage shared data like document status and user progress

 

This powerful combo kept our codebase fast and lightweight, while giving users a reliable experience.

 

I also learned a lot about how to structure a project for scale. Since we were constantly shipping new features, our code had to stay clean and easy to update. 

 

We organized files by feature (instead of just by type), made our components reusable, and followed simple patterns for state and API calls. 

 

Good structure doesn’t mean over-complicating things. It just means making smart decisions and making future updates more straightforward to handle. 

Developer working on a computer and tablet with code displayed, surrounded by a keyboard, flowchart, and blue-pink lighting

The Hard Parts: Statuses, Time, and File Previews 

Of course, every project has tricky parts. 

 

One challenge was handling the different document statuses like in progress, canceled, refunded, expired, or completed. These didn’t always move in a straight line, so we had to ensure the UI clearly showed where each document was. 

Another tough area was managing dates and times. Since we promised fast delivery, we had to make sure the time data was super accurate, even for users in different time zones. Making sure the server and local times matched was really important.

And then there were file previews. Not all file types worked well in-browser, especially on mobile. Some needed special handling, and some wouldn’t preview. We added fallback messages and workarounds to keep the experience smooth and clear.

It Wasn’t Just Code: Teamwork and Feedback

This project wasn’t all about coding—it was super collaborative. We worked closely with design, QA, and marketing to keep improving as the UI and user needs changed. 

 

Sometimes that meant rewriting big parts of the code to match new designs or flows. It slowed us down, but made the final product way better and easier to maintain. 

Final Thoughts 

Working on this project was a great experience—not just because of the tech, but because of what it means for users. 

 

When I started, I dreamed of building something real—something people actually use and find helpful. This project felt like a step toward that. 

 

As devs, we often build things based on what we think is good. I used to know that user experience was important, but this was the first time I truly felt it. I’ve learned that what really matters is building things that are clear, simple, and helpful to the user. 

 

I’m proud of what we’ve built—and excited to keep improving it. Whether it’s supporting more document types, refining mobile flows, or enhancing notifications, there’s always more to do. But we’ve laid down a solid foundation to build on. 

A group of 5 boys smiling widely
Flex Wrap Tag Container
#CertifiedTranslation
#Nextjs
#TailwindCSS
#WebDevelopment
#UserExperience
#TechInnovation
#Collaboration
WP ULike Emoji Feedback

How did this article help you?

Topics You Might Like

Subscribe
Notify of
(Optional)
0 Comments
Inline Feedbacks
View all comments

Get a more detailed quotation
on your project

Already have an account?

I’m new on LEX-Cloud.

Why create a LEX-Cloud account?

Create or log in to LEX-Cloud to securely upload and receive your translated documents. Your peace of mind is our priority!