Trustpilot Challenge

Pony Challenge API Solution by Airat Yusuff.

Live at: https://tp-challenge.netlify.app/

Table of contents

• Setup
• Repo Structure
• Technologies/Resources
• Integrations
• Miscellaneous

Setup

Tool	Version
Node	v18+
Vite	v5.0.11
npm	v7+

$ npm create vite@latest trustpilot-challenge -- --template react-swc
$ npm install
$ npm run dev

Repo Structure

/
|
├─ public/             # for logos/images used via urls, without direct imports
|
├─ src/
│  ├─ assets/          # Logos/images for direct imports
│  │
│  ├─ components/
│  │  ├─ actions/
│  │  │  └─  gameActions.js      # API calls
│  │  │
│  │  ├─ UI/                     # Components used to create the game UI             
│  │  │  ├─  buttonNavigation.js
│  │  │  ├─  gameDetails.js
│  │  │  ├─  gameGuide.js
│  │  │  ├─  gameHeader.js
│  │  │  └─  maze.js
│  │  │
│  │  ├─ button.jsx              # Other reusable components
│  │  ├─ modal.jsx
│  │  ├─ select.jsx
│  │  └─ textinput.jsx
│  │
│  ├─ config/
│  │  ├─ axios.js
│  │  └─ index.js               # extra data
│  │
│  ├─ App.jsx                   # Main Game component
│  ├─ App.test.js               # Tests file
│  ├─ index.scss
│  └─ main.jsx
│
├─ ...
├─ fileMock.js                  # Mock logo file import
├─ index.html
├─ ...
├─ package.json             
├─ README.md                # This file
│
└─ ...

---

Technologies

• React

• Vite

• TailwindCSS

---

Integrations

• Trustpilot Pony Challenge

Others - can be found in package.json

---

Useful Helper Resources

• Pony Challenge by Liubov Kozyr

---