This is, Tokopedia Interview test for role (Senior Web Engineer) - By Nando
See hosted project : https://tokopedia-frontend-interview.vercel.app
Activated the AMP in project just add ?amp=1 : https://tokopedia-frontend-interview.vercel.app/?amp=1
This is a project example of an anime website that from API store with state management, and meet all the functionality requirements.
- Home Page
- Pagination
- User Collection
- Detail Page
this web app UI design can be found in this Figma project
the UI not quite a good, it takes me 5 day for only thinking about the ui, btw all the UI is create by myself @xxidbr9
- React v18
- Typescript
- Emotion (For styling)
- Turbo repo (Monorepo architecture)
- Babel
- Redux
- Redux saga
- Redux Toolkit
- Husky
- Eslint
- Jest
- Commitlint
- React Testing Library
- Apollo Graphql
- PWA
- More, open the project using
.run in vscode web
yarncd apps/web-nextjs
yarn devyarn build-
Github action for CICD action file
-
Run test in PR See Example
-
Great Web performance (base on lighthouse)
-
100% Test Coverage (UI) Project
- Test all file
- UI
- Installation Prompt show
- SEO