PROJECT 01

TradeLearn

Visit TradeLearn ↗

An entry-level learning tool for international trade, helping career switchers, students, and exam candidates build a foundation and review key terms in short sessions.

TYPE / PRODUCT PRACTICESTATUS / IN PROGRESS
CASE STUDY / PROJECT BREAKDOWN

Case Study

01CONTEXT

Why I Started TradeLearn

While learning about international trade, I went through quite a few courses, PDFs, notes, and other materials.

There was plenty of information, but once I started learning seriously, I realized that the knowledge was scattered. Many terms were easy to mix up, and when I came back to review them later, I often had to search through the materials again.

At first, I simply wanted to reorganize what I had learned so it would be easier to understand and review.

As the content gradually grew, I started thinking:

Could I turn this into a small tool that makes learning and review easier?

That was where TradeLearn started.

02POSITIONING

What TradeLearn Helps With

TradeLearn is not meant to teach someone how to run an import-export business in real life, and it cannot replace actual work experience.

What I wanted to solve was a more basic learning problem.

For someone new to international trade, it can help build an initial understanding of key concepts. During learning, it can make similar or easily confused terms easier to compare. And after learning, it can also work as a quick review tool.

So I see TradeLearn more as a learning and review tool for international trade fundamentals, rather than a complete trade training platform.

The goal is not to include everything, but to first organize the most basic, confusing, and frequently reviewed knowledge in a clearer way.

03USERS & SCENARIOS

Who Might Use It, and When

When I first started the project, I did not try to define a very broad audience.

I mainly thought about a few situations that were close to my own experience:

People who are new to international trade

They need a basic understanding of the key concepts and how they relate to each other.

Students learning related subjects

They may already know some of the concepts, but with so many similar terms, they need a lighter way to understand and review them.

People coming back to something they have learned before

They may not need to go through an entire course or textbook again. Sometimes they just want to quickly check a concept or revisit something they have forgotten.

04LEARNING FLOW

How I Organized the Learning Path

When I first organized the content, I realized that simply putting terms into a website would easily turn it into another information library.

Everything might be there, but the learner would still have to decide what to learn first and what to do next.

So I started reorganizing the content around a learning flow:

Choose a scenario → Read term cards → View details → Understand the term in context → Practice simple decisions → Review with flashcards

Instead of only remembering a definition, I wanted learners to understand a few more things:

What does this term mean?

When is it normally used?

How is it different from similar concepts?

Will I still remember it a few days later?

That was also how TradeLearn gradually changed from a place where I organized information into an actual learning tool.

05CONTENT & FEATURES

What I Actually Built

The project started with only a small set of international trade terms.

As I continued learning, I gradually added topics related to payment, transportation, insurance, documentation, customs, contracts, and more. The site now contains more than 70 concepts.

I also added several features so it would not become just another text-heavy website:

Term Cards

Breaking longer explanations into smaller pieces that are easier to read.

Learning in Context

Putting some terms back into real trade scenarios instead of only showing definitions.

Learning Status

Allowing learners to mark how familiar they are with each topic.

Flashcards & Review

Making it easier to come back to something later without going through all the content again.

Simple Practice

Using short questions and scenarios to check whether something is actually understood, rather than just feeling familiar.

Not all of these features were planned from the beginning.

Most of them were added or changed gradually as I used the site myself, organized more content, and invited other people to try it.

06BUILDING WITH AI

How AI Helps With the Project

I do not come from a development background, so this project was never about writing all the code by myself.

My main role was organizing the content, thinking through the structure, defining features, making interaction decisions, and testing the results. I then used AI tools to help turn those ideas into something that actually worked.

AI helped me generate and modify code, but the harder part was often not getting the code generated.

It was deciding:

How should this feature actually work?

Is the generated result what I wanted?

What needs to be changed?

Did the change affect something that already worked?

Even a small change could sometimes create another problem, so there was a lot of testing and adjustment along the way.

This was also the first time I went through a more complete process of:

Finding a problem → Organizing an idea → Building a version → Using it myself → Inviting others to try it → Making changes

07FEEDBACK & ITERATION

What Happened After Launch

After the website went live, I invited a small group of people to try it.

Around 11 people tried the product, and about 3 continued using it afterward.

The number is small, but it showed me something clear:

Getting someone to try something and getting them to come back are two different things.

Once other people started using the site, I also noticed problems that were not obvious when I was building it myself.

Some content was still too long, especially on mobile. The learning path was not always clear to first-time users. And although the review feature worked, it had not yet helped users build a stable review habit.

So instead of simply adding more features, I started checking a few basic questions again:

What content really needs to stay?

Can the learning flow be simpler?

Why would someone open it once, but not come back later?

I do not have complete answers to all of these questions yet.

For me, TradeLearn is still a small project that I am improving, rather than something I consider finished.

08WHAT I LEARNED

What This Project Taught Me

TradeLearn started with a very simple idea:

I wanted to organize what I was learning in a clearer way.

But once I actually started building it, I realized there is a big gap between “I think this works” and “someone else can actually use it.”

More content is not always better.

More features do not always make something more complete.

And an interaction that feels obvious to me may not be obvious to someone opening the site for the first time.

AI helped me turn ideas into working versions much faster, but after something is built, I still need to look at it, use it, judge what is working, and decide what should change next.

So the biggest thing I gained from TradeLearn was not simply building a website.

It was taking a problem I personally experienced, turning it into an idea, and carrying that idea far enough for other people to actually use it.

There are still many things I want to improve.

But the project taught me one thing clearly:

Building the product is only the first step. User feedback still needs to shape what happens next.

TradeLearn learning flow01Choose chapter02Term cards03Read details04Enter context05Practice judgment06Flashcards

Next.js · TypeScript · Supabase · GitHub · Vercel · Codex · AI-assisted Development