Skip to content

kshashov/translate-it

Repository files navigation

GitHub Pages Deploy

Translate-It

Online demo

Summary

This is a frontend part of the app. The backend code is located in the repo.

The application is a simple analog of writing section of Puzzle English.

The main entities here are multi-phrase exercises. Users are supposed to solve these exercises by gradually translating each phrase from the source language to the target language.

Users with the required permissions can modify other's user roles, solve, create, modify and delete exercises.

Technologies

  • VueJS
    • Vuetify
    • Vuelidate
  • CASL
  • Axios

CI/CD

Pages

Login

login

Exercises

exercises

Exercise

exercise

User Profile

profile

Users Admin

Search

admin-users

Edit

admin-users-edit

Exercises Admin

Search

admin-exercies

Create

admin-exercies-create

Edit

admin-exercies-edit

Security

Login

If user is trying to open a non-public page. security-login

Forbidden

If user has no required permissions. security-forbidden

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Required environment variables

You can create .env file in root of the project and write any variables there.

The app required several variables to work properly:

# Address of the backend server. For example
VUE_APP_TRANSLATES_API_BASE_URL=http://localhost:8084

# Relative path for the frontend location. For example
VUE_APP_TRANSLATES_PUBLIC_PATH=/

In case the VUE_APP_TRANSLATES_PUBLIC_PATH path is /, the history router mode is used, otherwise the hash.