Getting Started

Run following commands to configure the environment:

• clone git repository

git clone https://git.miem.hse.ru/2098/frontend.git

• install nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}&[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

nvm -v  # check installation

• run docker container

docker compose up

Project structure:

.
├── Dockerfile
├── README.md
├── config
│   └── config.js
├── docker-compose.yml
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── public
│   ├── assets
│   │   ├── alina.jpeg
│   │   ├── avatar_male.png
│   │   ├── big_head.png
│   │   ├── chess.png
│   │   ├── egor.jpg
│   │   ├── human-home.png
│   │   ├── katya.jpg
│   │   ├── logo.png
│   │   ├── miem_logo.png
│   │   ├── react.svg
│   │   └── vtb_logo.png
│   └── vite.svg
├── src
│   ├── App.css
│   ├── App.jsx
│   ├── components
│   │   ├── css
│   │   │   ├── Form.css
│   │   │   ├── GenerateButton.css
│   │   │   ├── ListGenerations.css
│   │   │   ├── LogInButton.css
│   │   │   ├── Navbar.css
│   │   │   ├── Preview3D.css
│   │   │   └── SignUpButton.css
│   │   └── scripts
│   │       ├── Avatar.jsx
│   │       ├── DownloadButton.jsx
│   │       ├── Footer.jsx
│   │       ├── GenerateButton.jsx
│   │       ├── Instructions.jsx
│   │       ├── ListGenerations.jsx
│   │       ├── LogInButton.jsx
│   │       ├── LogInForm.jsx
│   │       ├── Logo.jsx
│   │       ├── Navbar.jsx
│   │       ├── Preview3D.jsx
│   │       ├── ProgressBar.jsx
│   │       ├── Quota.jsx
│   │       ├── RegistrationForm.jsx
│   │       ├── SignUpButton.jsx
│   │       ├── Subscription.jsx
│   │       ├── Upload.jsx
│   │       ├── UserMenu.jsx
│   │       └── testProgressBar.jsx
│   ├── http
│   │   └── Http.js
│   ├── index.css
│   ├── main.jsx
│   ├── pages
│   │   ├── AccountPage.css
│   │   ├── AccountPage.jsx
│   │   ├── GeneratingPage.css
│   │   ├── GeneratingPage.jsx
│   │   ├── GeneratingResultPage.jsx
│   │   ├── HistoryPage.jsx
│   │   ├── HomePage.jsx
│   │   ├── LogInPage.jsx
│   │   ├── PageForErrors.jsx
│   │   ├── ProgressGeneratingPage.jsx
│   │   ├── RegistrationPage.jsx
│   │   ├── TariffsPage.jsx
│   │   ├── testPreview.jsx
│   │   └── testProgressGeneratingPage.jsx
│   ├── privateRoute.jsx
│   ├── services
│   │   ├── Auth.js
│   │   └── Task.js
│   └── store
│       └── store.js
└── vite.config.js

Files for interactions with backend:

• Http.js: user authentification with JWT;
• Auth.js : functions for registrate and authentificate user;
• store.js: functions for backend handlers