---
# System prepended metadata

title: Fron-End Test

---

#### Subject
Frontend pre Interview Test


#### Intro
As a frontend engineer in your company, you have been assigned the task of creating a frontend application that displays transaction details based on transaction hashes. To optimize the process and reduce API requests, you should implement a feature that stores the validation history of searcher transactions with localstorage. This will provide users with a quick overview of transaction details while minimizing the need for additional API calls. Depending on the project requirements, you can decide whether to develop a mobile or web-based application. By the way, you only have 12 hours to build this application.

#### Task
Based on the story, create the project using vueJS and submit it within 12 hours using the GitHub repository URL.

#### Evaluation Criteria
- Critical thinking
- Problem-solving
- Clean code
- Reusable components
- UI/UX
- API efficiency

#### Notes
- API documentation: [TronscanApi](https://docs.tronscan.org/api-endpoints/transactions-and-transfers)
- You need to register to obtain a free API key.

#### Example app
[Tron Transaction Detail](https://64b79bbcadc695625cfa8f03--elegant-pika-674cdd.netlify.app)


##### example transaction_hash
```
"bea2be8d988968e354556c274ddcd29c46491a1ddf8dc561bc37af58ce91ea61",
"6b3ff1ebf26a0041de7fe1f5c3178debdf45de5e81fe6728e24c836dd0988e37",
"f5dad4517abf318fd89d803b5c3b9d68ddf31c4cc495a8edab73480aec221b10",
"af8f53b42a7d07d8aae36c1d637a54770f14b684e066c34b45732cdb1e008aee",
"50efcd097c17b8ed107f00cc7d72eaad5722f43a0f4a913adf0ceb3660d15d73",
"39da30a423ae71aac660d27dc7946b0039d96c65d237e00360793e2c74165e49",
"892661dc6e0c940ec596ba9e9aad6fb87498c322bae5e512ae2dfac8efba8037",
"b8adae7ea14a936da50ff4df9d95cdcb95f8beb75a23f308c0f0538a94a7dcbd",
"6a6493db087f3220caa82877d3f68b62a02016fdd49b657d057e32707db16e35",
"227dddf649d824e52f4dcffc66ee98fa25aa78354bf7250b0e02bcb8852b6b0d",
"60b3352be4616e5386a5095deda8d21363297976da743930dcaced5043bb4997",
"1f95294606eb64c95ffb850dfa21e42515484fe66d81c91b9b96818f75a63261",
"e3cf5e275b4290f00e044d65e8e8ee7468663f91b355c415a93343e3a20d2c50",
"60b3352be4616e5386a5095deda8d21363297976da743930dcaced5043bb4943"

```